fix: Awa feedback UI fixes (#2067)

Author: neocybereth

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

@@ -49,7 +49,7 @@ export const SettingsMain = (): JSX.Element => {
                 value: !settings.advancedMode,
               });
             }}
-            label="PRO mode"
+            label="DEV mode"
             checked={settings.advancedMode}
             activeColor="yellow"
             color="white"
@@ -60,7 +60,7 @@ export const SettingsMain = (): JSX.Element => {
               icon={<FaInfo />}
               text={
                 <>
-                  PRO mode unlocks more technically advanced features in
+                  DEV mode unlocks more technically advanced features in
                   Namadillo that replicates the UX of the CLI. You can learn
                   more about these features{" "}
                   <a

apps/namadillo/src/App/Transactions/TransactionCard.tsx

@@ -1,4 +1,4 @@
-import { CopyToClipboardControl } from "@namada/components";
+import { CopyToClipboardControl, Tooltip } from "@namada/components";
 import { TransactionHistory as TransactionHistoryType } from "@namada/indexer-client";
 import { shortenAddress } from "@namada/utils";
 import { TokenCurrency } from "App/Common/TokenCurrency";
@@ -213,10 +213,15 @@ export const TransactionCard = ({
             )}
           >
             {getTitle(transaction?.kind, isReceived)}{" "}
-            <CopyToClipboardControl
-              className="ml-1.5 text-neutral-400"
-              value={transaction?.txId ?? ""}
-            />
+            <div className="relative group/tooltip">
+              <CopyToClipboardControl
+                className="ml-1.5 text-neutral-400"
+                value={transaction?.txId ?? ""}
+              />
+              <Tooltip position="right" className="p-2 -mr-3 w-[150px]">
+                Copy transaction hash
+              </Tooltip>
+            </div>
           </h3>
           <h3 className="text-neutral-400">
             {timestamp ?

apps/namadillo/src/App/Transfer/TransferDestination.tsx

@@ -128,6 +128,7 @@ export const TransferDestination = ({
               )}
             </div>
           )}
+
           {customAddressActive && (
             <Stack gap={8}>
               {onToggleCustomAddress && (
@@ -158,13 +159,13 @@ export const TransferDestination = ({
       {isSubmitting && (
         <footer>
           <hr className="mt-4 mb-2.5 mx-2 border-white opacity-[5%]" />
-          <div className="flex justify-between items-center">
+          <div className="flex justify-between items-center gap-4">
             <SelectedChain chain={chain} wallet={wallet} iconSize="36px" />
             {wallet && walletAddress && (
               <SelectedWallet
                 wallet={wallet}
                 address={customAddressActive ? address : walletAddress}
-                displayFullAddress={true}
+                displayFullAddress={false}
               />
             )}
           </div>