feat: fix wording

CHANGELOG.md

@@ -39,6 +39,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Features
 
+- [#72](https://github.com/alleslabs/celatone-frontend/pull/72) Fix general wording and grammar
 - [#109](https://github.com/alleslabs/celatone-frontend/pull/109) Fix incorrect rendering of zero value badges
 - [#106](https://github.com/alleslabs/celatone-frontend/pull/106) Add sort alphabetically to query and execute shortcuts
 - [#88](https://github.com/alleslabs/celatone-frontend/pull/88) Add code snippet for query and execute

src/lib/components/state/ZeroState.tsx

@@ -39,7 +39,7 @@ const ActionSection = ({ list, handleAction }: ActionSectionProps) =>
           }}
         />
       </Flex>
-      Created contract list and saved contracts are stored in your device only.
+      Contract lists and saved contracts are stored locally on your device.
     </Flex>
   );
 
@@ -76,7 +76,7 @@ export const ZeroState = ({ list, isReadOnly }: ZeroStateProps) => {
       alignContent="center"
     >
       {!isWalletConnected && isInstantiatedByMe ? (
-        <DisconnectedState text="to deploy new contracts." />
+        <DisconnectedState text="to see contracts you've previously instantiated." />
       ) : (
         <Flex alignItems="center" flexDir="column" gap="4">
           <Icon as={MdSearch} color="gray.600" boxSize="16" />

src/lib/pages/codes/components/CodesTable.tsx

@@ -74,7 +74,7 @@ const NotMatched = () => {
 const Unconnected = () => {
   return (
     <StateContainer>
-      <DisconnectedState text="to upload and see your stored Codes." />
+      <DisconnectedState text="to see your previously uploaded and stored codes." />
     </StateContainer>
   );
 };
@@ -85,7 +85,7 @@ const Empty = ({ type }: OtherTBodyProps) => {
       case "all":
         return "All Code IDs will display here";
       case "saved":
-        return "Your saved Code IDs will display here. Saved Codes are stored in your device.";
+        return "Your saved code IDs will display here. Saved codes are stored locally on your device.";
       case "stored":
         return "Your uploaded Wasm files will display as My Stored Codes";
       default:

src/lib/pages/deploy/index.tsx

@@ -18,13 +18,13 @@ const Deploy = () => {
       </Heading>
       <ButtonCard
         title="Upload new WASM File"
-        description="Deploy contract by upload new Wasm file"
+        description="Store a new Wasm file on-chain"
         onClick={() => navigate({ pathname: "/upload" })}
         mb="16px"
       />
       <ButtonCard
         title="Use existing Code IDs"
-        description="Input code ID or select from stored codes or your saved codes"
+        description="Input code ID or select from previously stored codes or your saved codes"
         onClick={() => navigate({ pathname: "/instantiate" })}
       />
     </WasmPageContainer>

src/lib/pages/home/components/QuickMenu.tsx

@@ -15,13 +15,13 @@ const cardProps = {
 const secondaryMenu = [
   {
     title: "Query",
-    subtitle: "Query and get response from smart contract",
+    subtitle: "Query state data from smart contracts",
     slug: "query",
     icon: MdSearch,
   },
   {
     title: "Execute",
-    subtitle: "Send execute messages to smart contract",
+    subtitle: "Send transactions to smart contracts",
     slug: "execute",
     icon: MdInput,
   },
@@ -35,7 +35,7 @@ export const QuickMenu = () => {
       </Heading>
       <ConnectWalletAlert
         title="Connect wallet to start using Celatone"
-        subtitle="Actions such as deploying new contracts or sending execute messages require a wallet connection."
+        subtitle="Actions such as deploying new contracts or sending transactions require a wallet connection"
       />
       <Flex gap={4}>
         <AppLink href="/deploy" style={{ width: "100%" }}>
@@ -49,10 +49,10 @@ export const QuickMenu = () => {
           >
             <Flex direction="column" justifyItems="center">
               <Text variant="body1" color="gray.900" fontWeight="800">
-                Deploy new contract
+                Deploy a new contract
               </Text>
               <Text color="gray.900" variant="body2">
-                Deploy contract by upload new Wasm file
+                Upload a new wasm code or instantiate a new contract
               </Text>
             </Flex>
             <Icon as={MdChevronRight} color="gray.900" boxSize={9} />

src/lib/pages/home/components/RecentActivities.tsx

@@ -101,7 +101,7 @@ export const RecentActivities = observer(() => {
           minH="128px"
         >
           <Text color="text.dark" variant="body1">
-            Your recent queries will display here.
+            Your recent interactions will display here.
           </Text>
         </Flex>
       )}

src/lib/pages/past-txs/index.tsx

@@ -178,7 +178,7 @@ const PastTxs = () => {
         >
           <DisconnectedState
             text="to see your past transactions."
-            helperText="Past transactions involving the Wasm module such as Instantiate, Execute, or Upload Wasm file will display here."
+            helperText="Past transactions involving the Wasm module (storing wasm codes, contract interactions, etc.) will display here."
           />
         </Flex>
       );