fix: add watch token to faucet on success

apps/staking/app/faucet/AuthModule.tsx

@@ -10,6 +10,7 @@ import { Input } from '@session/ui/ui/input';
 import { useTranslations } from 'next-intl';
 import ActionModule, { ActionModuleDivider } from '../stake/ActionModule';
 
+import { WalletAddTokenWithLocales } from '@/components/WalletAddTokenWithLocales';
 import { FAUCET, FAUCET_ERROR } from '@/lib/constants';
 import { ButtonDataTestId } from '@/testing/data-test-ids';
 import { zodResolver } from '@hookform/resolvers/zod';
@@ -381,6 +382,13 @@ export const AuthModule = () => {
           })}
         </p>
       ) : null}
+
+      {formState === FORM_STATE.SUCCESS ? (
+        <>
+          <p>{dictionary('watchSENTInfo')}</p>
+          <WalletAddTokenWithLocales rounded="md" size="md" variant="outline" />
+        </>
+      ) : null}
     </ActionModule>
   );
 };

apps/staking/locales/en.json

@@ -130,6 +130,8 @@
       "transactionHash": "Transaction Hash: {hash}",
       "transactionHashDescription": "Transaction hash of the faucet transaction.",
       "haveSomeMore": "Alright then, you can have some more",
+      "watchSENTInfo": "You may need to add {tokenSymbol} to your wallet to make it show up, click the button below to add it.",
+      "watchSENTButtonText": "Add {tokenSymbol} to wallet",
       "copyTransactionHash": "Copy Transaction Hash",
       "copyTransactionHashSuccessToast": "Copied Transaction Hash to clipboard!"
     }