fix: fix up Namadillo text spelling/grammar (#989)

Closes #870.

apps/extension/src/Approvals/Commitment.tsx

@@ -38,7 +38,7 @@ const IconMap: Record<TxType, React.ReactNode> = {
 const TitleMap: Record<TxType, string> = {
   [TxType.Bond]: "Stake",
   [TxType.Unbond]: "Unstake",
-  [TxType.Redelegate]: "Re-Delegate",
+  [TxType.Redelegate]: "Redelegate",
   [TxType.Withdraw]: "Withdraw",
   [TxType.RevealPK]: "Reveal PK",
   [TxType.IBCTransfer]: "IBC Transfer",
@@ -76,7 +76,7 @@ const renderContent = (tx: CommitmentDetailProps): ReactNode => {
       const redelegateTx = tx as RedelegateProps;
       return (
         <>
-          Re-delegate <NamCurrency amount={redelegateTx.amount} /> from{" "}
+          Redelegate <NamCurrency amount={redelegateTx.amount} /> from{" "}
           {formatAddress(redelegateTx.sourceValidator)} to{" "}
           {formatAddress(redelegateTx.destinationValidator)}{" "}
         </>

apps/namadillo/src/App/Governance/GovernanceOverview.tsx

@@ -45,9 +45,9 @@ export const GovernanceOverview: React.FC = () => {
           <ConnectBanner text="To vote please connect your account" />
         )}
         <ProposalListPanel
-          title="Live Governance Proposals"
+          title="Live Proposals"
           errorText="Unable to load live governance proposals"
-          emptyText="There are no active live proposals"
+          emptyText="There are no live proposals"
           isEmpty={liveProposals.length === 0}
           atoms={activeAtoms}
         >

apps/namadillo/src/App/Settings/Advanced.tsx

@@ -65,7 +65,7 @@ export const Advanced = (): JSX.Element => {
               rpcMutation.error.message
             : rpcMutation.error
           }
-          label="RPC Url"
+          label="RPC URL"
           className="[&_input]:border-neutral-300"
           onChange={(e) => {
             setRpc(e.currentTarget.value);

apps/namadillo/src/App/Settings/SettingsSignArbitrary.tsx

@@ -14,7 +14,7 @@ export const SettingsSignArbitrary = (): JSX.Element => {
       <p className="text-sm">
         Enabling this setting puts you at risk of phishing attacks. Please check
         what you are signing very carefully when using this feature. We
-        recommend keeping this setting turned off unless absolutely necessary
+        recommend keeping this setting turned off unless absolutely necessary.
       </p>
       <ToggleButton
         label={
@@ -32,7 +32,7 @@ export const SettingsSignArbitrary = (): JSX.Element => {
               <IoWarning />
             </i>
             You are at risk of phishing attacks. Please review carefully what
-            you sign
+            you sign.
           </div>
         </Alert>
       )}

apps/namadillo/src/App/Sidebars/ProposalDiscord.tsx

@@ -8,7 +8,7 @@ export const ProposalDiscord: React.FC = () => {
       <Stack gap={6}>
         <BsDiscord className="m-auto text-[90px] leading-none -mb-3" />
         <p className="text-[18px] leading-tight">
-          Join proposal discussions on discord
+          Join proposal discussions on Discord
         </p>
         <ActionButton
           size="xs"

apps/namadillo/src/App/Sidebars/ValidatorDiversification.tsx

@@ -12,7 +12,7 @@ export const ValidatorDiversification = (): JSX.Element => {
       )}
     >
       <img src={stakingInfo} className="w-full max-w-42 mx-auto" />
-      <p>When staking consider diversifying Across multiple validators.</p>
+      <p>When staking, consider diversifying across multiple validators</p>
       <ActionButton
         className="max-w-44"
         outlineColor="cyan"

apps/namadillo/src/App/Staking/AllValidatorsTable.tsx

@@ -57,7 +57,7 @@ export const AllValidatorsTable = ({
       ...sortableColumns["votingPowerInNAM"],
     },
     {
-      children: "Comission",
+      children: "Commission",
       className: "text-right",
       ...sortableColumns["commission"],
     },
@@ -98,7 +98,7 @@ export const AllValidatorsTable = ({
         </span>
       </div>,
       // Commission:
-      <div key={`comission-${validator.address}`} className="text-right">
+      <div key={`commission-${validator.address}`} className="text-right">
         {formatPercentage(BigNumber(validator.commission))}
       </div>,
     ],

apps/namadillo/src/App/Staking/BondingAmountOverview.tsx

@@ -45,7 +45,7 @@ export const BondingAmountOverview = ({
           {amountToDelegate && amountToDelegate.gt(0) && (
             <span className="text-success text-md font-light mt-1.5 ml-3">
               (+
-              <NamCurrency amount={amountToDelegate} /> Re-Delegate)
+              <NamCurrency amount={amountToDelegate} /> Redelegate)
             </span>
           )}
         </div>

apps/namadillo/src/App/Staking/IncrementBonding.tsx

@@ -106,8 +106,8 @@ const IncrementBonding = (): JSX.Element => {
       title: "Staking transaction in progress",
       description: (
         <>
-          The staking transaction of <NamCurrency amount={totalUpdatedAmount} />{" "}
-          is being processed
+          Your staking transaction of{" "}
+          <NamCurrency amount={totalUpdatedAmount} /> is being processed
         </>
       ),
       type: "pending",
@@ -200,8 +200,9 @@ const IncrementBonding = (): JSX.Element => {
                         <GoAlert />
                       </i>
                       <p className="text-balance">
-                        Staking will lock and bind your assets to unbonding
-                        schedule
+                        Staking will lock and bind your assets to the TODO
+                        unbonding schedule. To make your NAM liquid again, you
+                        will need to unstake.
                       </p>
                     </div>
                   </Alert>

apps/namadillo/src/App/Staking/IncrementBondingTable.tsx

@@ -134,7 +134,7 @@ export const IncrementBondingTable = ({
 
         // Commission
         <div
-          key={`comission-${validator.uuid}`}
+          key={`commission-${validator.uuid}`}
           className="text-right leading-tight"
         >
           {formatPercentage(validator.commission)}

apps/namadillo/src/App/Staking/MyValidatorsTable.tsx

@@ -95,7 +95,7 @@ export const MyValidatorsTable = (): JSX.Element => {
           </span>
         </div>,
         <div
-          key={`comission-${validator.address}`}
+          key={`commission-${validator.address}`}
           className="text-right leading-tight"
         >
           {formatPercentage(validator.commission)}
@@ -123,7 +123,7 @@ export const MyValidatorsTable = (): JSX.Element => {
           borderRadius="sm"
           onClick={() => navigate(StakingRoutes.redelegateBonding().url)}
         >
-          Re-delegate
+          Redelegate
         </ActionButton>
         <ActionButton
           className="basis-[content] py-1 hover:before:border-pink"

apps/namadillo/src/App/Staking/ReDelegate.tsx

@@ -86,8 +86,8 @@ export const ReDelegate = (): JSX.Element => {
   const dispatchPendingNotification = (): void => {
     dispatchNotification({
       id: "staking-redelegate",
-      title: "Staking re-delegation in progress",
-      description: <>The re-delegation transaction is being processed</>,
+      title: "Staking redelegation in progress",
+      description: <>Your redelegation transaction is being processed</>,
       type: "pending",
     });
   };
@@ -96,7 +96,7 @@ export const ReDelegate = (): JSX.Element => {
     if (isError) {
       dispatchNotification({
         id: "staking-redelegate-error",
-        title: "Staking re-delegation failed",
+        title: "Staking redelegation failed",
         description: (
           <ToastErrorDescription
             errorMessage={
@@ -162,7 +162,7 @@ export const ReDelegate = (): JSX.Element => {
 
   const stepTitle = {
     remove: "Step 1 - Remove NAM from current Validators",
-    assign: "Step 2 - Assign Re-delegating NAM",
+    assign: "Step 2 - Assign Redelegating NAM",
   };
 
   const totalUpdatedAmount = totalToRedelegate.minus(totalAssignedAmounts);
@@ -188,7 +188,7 @@ export const ReDelegate = (): JSX.Element => {
         >
           <header className="grid grid-cols-[repeat(auto-fit,_minmax(8rem,_1fr))] gap-1.5">
             <BondingAmountOverview
-              title="Total amount to re-delegate"
+              title="Total amount to redelegate"
               className="col-span-2"
               amountInNam={0}
               updatedAmountInNam={totalUpdatedAmount}
@@ -204,7 +204,7 @@ export const ReDelegate = (): JSX.Element => {
                       type="warning"
                       className="absolute py-3 right-3 top-4 max-w-[50%] text-xs rounded-sm"
                     >
-                      To proceed, all re-delegated value must be assigned
+                      To proceed, all redelegated value must be assigned
                     </Alert>
                   </>
                 )

apps/namadillo/src/App/Staking/ReDelegateAssignStake.tsx

@@ -132,7 +132,7 @@ export const ReDelegateAssignStake = ({
         >
           {hasInvalidDistribution && hasUpdatedAmounts ?
             "Invalid distribution"
-          : "Re-Delegate"}
+          : "Redelegate"}
         </ActionButton>
         <TransactionFees
           className="justify-self-end px-4"

apps/namadillo/src/App/Staking/ReDelegateRemoveStake.tsx

@@ -113,7 +113,7 @@ export const ReDelegateRemoveStake = ({
               borderRadius="sm"
               onClick={onReDelegateAll}
             >
-              Re-delegate all
+              Redelegate all
             </ActionButton>
             <ActionButton
               type="button"

apps/namadillo/src/App/Staking/ReDelegateTable.tsx

@@ -35,7 +35,7 @@ export const ReDelegateTable = ({
 
   const headers = [
     { children: "Validator" },
-    "Amount to Re-delegate",
+    "Amount to Redelegate",
     {
       children: (
         <div className="leading-tight">
@@ -130,7 +130,7 @@ export const ReDelegateTable = ({
 
         // Commission
         <div
-          key={`comission-${validator.uuid}`}
+          key={`commission-${validator.uuid}`}
           className="text-right leading-tight"
         >
           {formatPercentage(validator.commission)}

apps/namadillo/src/App/Staking/UnbondingAmountsTable.tsx

@@ -44,7 +44,7 @@ export const UnbondingAmountsTable = (): JSX.Element => {
               <NamCurrency amount={amount || new BigNumber(0)} />
             </div>,
             <div
-              key={`comission-${validator.address}`}
+              key={`commission-${validator.address}`}
               className="text-right leading-tight text-sm"
             >
               {myValidator.timeLeft}

apps/namadillo/src/App/Staking/Unstake.tsx

@@ -89,9 +89,8 @@ const Unstake = (): JSX.Element => {
       title: "Unstake transaction in progress",
       description: (
         <>
-          You&apos;ve unstaked&nbsp;
-          <NamCurrency amount={totalUpdatedAmount} /> and the transaction is
-          being processed
+          Your unstaking transaction of{" "}
+          <NamCurrency amount={totalUpdatedAmount} /> is being processed
         </>
       ),
       type: "pending",
@@ -152,8 +151,8 @@ const Unstake = (): JSX.Element => {
             Select amount to unstake
             <Info>
               To unstake, type the amount of NAM you wish to remove from a
-              validator. Please pay attention to the unbonding period, it might
-              take a few days before the amount to be available.
+              validator. Pay attention to the unbonding period; it might take a
+              few days for the amount to become available.
             </Info>
           </span>
         }
@@ -199,7 +198,7 @@ const Unstake = (): JSX.Element => {
                 <h3 className="text-sm">Unbonding period</h3>
                 <div className="text-xl">21 Days</div>
                 <p className="text-xs">
-                  Once this period has elapsed, you may access your assets in
+                  Once this period has elapsed, you can access your assets in
                   the main dashboard
                 </p>
               </Stack>

apps/namadillo/src/App/Staking/UnstakeBondingTable.tsx

@@ -139,7 +139,7 @@ export const UnstakeBondingTable = ({
 
         // Commission
         <div
-          key={`comission-${validator.uuid}`}
+          key={`commission-${validator.uuid}`}
           className="text-right leading-tight"
         >
           {formatPercentage(validator.commission)}

apps/namadillo/src/App/Staking/ValidatorFilterNav.tsx

@@ -72,7 +72,7 @@ export const ValidatorFilterNav = ({
           size="sm"
           borderRadius="sm"
         >
-          Randomise
+          Randomize
         </ActionButton>
       )}
     </Stack>

apps/namadillo/src/hooks/useTransactionNotifications.tsx

@@ -95,12 +95,12 @@ export const useTransactionNotifications = (): void => {
     clearPendingNotifications();
     dispatchNotification({
       id: e.detail.transactionId,
-      title: "Re-delegate failed",
+      title: "Redelegate failed",
       description: (
         <ToastErrorDescription
           basicMessage={
             <>
-              Your re-delegate transaction of{" "}
+              Your redelegate transaction of{" "}
               <NamCurrency amount={e.detail.data.amount} /> from {sourceAddress}{" "}
               to {destAddress} has failed
             </>
@@ -117,10 +117,10 @@ export const useTransactionNotifications = (): void => {
     const destAddress = shortenAddress(e.detail.data.destinationValidator);
     dispatchNotification({
       id: e.detail.transactionId,
-      title: "Re-delegate succeeded",
+      title: "Redelegate succeeded",
       description: (
         <>
-          Your re-delegate transaction of{" "}
+          Your redelegate transaction of{" "}
           <NamCurrency amount={e.detail.data.amount} /> from {sourceAddress} to{" "}
           {destAddress} has succeeded
         </>

storybook/src/stories/StyledTable.stories.tsx

@@ -25,7 +25,7 @@ export const Default: Story = {
       <div key="voting-power" className="text-right">
         Voting Power
       </div>,
-      "Comission",
+      "Commission",
     ],
     rows: [
       {
@@ -104,7 +104,7 @@ export const WithSortableTitles: Story = {
 
 export const WithEmptyTitles: Story = {
   args: {
-    headers: ["", "Validator", "Address", "Voting Power", "Comission", ""],
+    headers: ["", "Validator", "Address", "Voting Power", "Commission", ""],
     rows: [
       {
         cells: [
@@ -134,7 +134,7 @@ export const WithEmptyTitles: Story = {
 
 export const WithEvents: Story = {
   args: {
-    headers: ["", "Validator", "Address", "Voting Power", "Comission", ""],
+    headers: ["", "Validator", "Address", "Voting Power", "Commission", ""],
     rows: [
       {
         cells: [