feat(extension): #244: add DEX link

.changeset/curvy-ties-rest.md

@@ -0,0 +1,5 @@
+---
+'chrome-extension': minor
+---
+
+Add link to the DEX after successful onboarding

apps/extension/package.json

@@ -11,6 +11,7 @@
     "bundle:prod": "NODE_OPTIONS=\"--import=./src/utils/webpack-register.js\" webpack --config webpack.prod-config.ts",
     "clean": "rm -rfv dist beta-dist bin",
     "dev": "NODE_ENV=testnet pnpm bundle:prod --watch --mode=development -d inline-source-map",
+    "dev:beta": "NODE_ENV=testnet pnpm bundle:beta --watch --mode=development -d inline-source-map",
     "lint": "eslint src",
     "test": "vitest run"
   },

apps/extension/src/routes/page/onboarding/success.tsx

@@ -3,23 +3,38 @@ import { SplashPage } from '@repo/ui/components/ui/splash-page';
 import { useStore } from '../../../state';
 import { getDefaultFrontend } from '../../../state/default-frontend';
 
+const DEX_URL = 'https://dex.penumbra.zone';
+
 export const OnboardingSuccess = () => {
   const defaultFrontendUrl = useStore(getDefaultFrontend);
 
   return (
     <SplashPage title='Account created'>
       <div className='grid gap-2 text-base font-bold'>
         <p>Connect to a Penumbra frontend to deposit, transfer, stake or swap.</p>
-        <Button
-          variant='gradient'
-          onClick={() => {
-            window.open(defaultFrontendUrl, '_blank');
-            window.close();
-          }}
-          className='mt-4'
-        >
-          Visit web app
-        </Button>
+
+        <div className='flex flex-col gap-2 md:flex-row'>
+          <Button
+            variant='secondary'
+            onClick={() => {
+              window.open(defaultFrontendUrl, '_blank');
+              window.close();
+            }}
+            className='mt-4 grow md:w-1/2'
+          >
+            Visit web app
+          </Button>
+          <Button
+            variant='gradient'
+            onClick={() => {
+              window.open(DEX_URL, '_blank');
+              window.close();
+            }}
+            className='mt-4 grow md:w-1/2'
+          >
+            Visit DEX
+          </Button>
+        </div>
       </div>
     </SplashPage>
   );