feat: add wallet export

Author: nikgraf

apps/events/src/components/delegate.tsx

@@ -0,0 +1,20 @@
+import { Button } from '@/components/ui/button';
+import { usePrivy } from '@privy-io/react-auth';
+
+export const ExportWallet = () => {
+  const { ready, authenticated, user, exportWallet } = usePrivy();
+  const isAuthenticated = ready && authenticated;
+  // check that your user has an embedded wallet
+  const hasEmbeddedWallet = !!user?.linkedAccounts.find(
+    (account) => account.type === 'wallet' && account.walletClientType === 'privy' && account.chainType === 'ethereum',
+  );
+
+  return (
+    <>
+      <h1 className="text-2xl font-bold">Export Wallet</h1>
+      <Button onClick={exportWallet} disabled={!isAuthenticated || !hasEmbeddedWallet}>
+        Export my wallet
+      </Button>
+    </>
+  );
+};

apps/events/src/components/export-wallet.tsx

@@ -15,7 +15,7 @@ import { createFileRoute } from '@tanstack/react-router'
 import { Route as rootRoute } from './routes/__root'
 import { Route as IndexImport } from './routes/index'
 import { Route as SpaceSpaceIdImport } from './routes/space/$spaceId'
-import { Route as SettingsDelegateImport } from './routes/settings/delegate'
+import { Route as SettingsExportWalletImport } from './routes/settings/export-wallet'
 
 // Create Virtual Routes
 
@@ -41,9 +41,9 @@ const SpaceSpaceIdRoute = SpaceSpaceIdImport.update({
   getParentRoute: () => rootRoute,
 } as any)
 
-const SettingsDelegateRoute = SettingsDelegateImport.update({
-  id: '/settings/delegate',
-  path: '/settings/delegate',
+const SettingsExportWalletRoute = SettingsExportWalletImport.update({
+  id: '/settings/export-wallet',
+  path: '/settings/export-wallet',
   getParentRoute: () => rootRoute,
 } as any)
 
@@ -65,11 +65,11 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof LoginLazyImport
       parentRoute: typeof rootRoute
     }
-    '/settings/delegate': {
-      id: '/settings/delegate'
-      path: '/settings/delegate'
-      fullPath: '/settings/delegate'
-      preLoaderRoute: typeof SettingsDelegateImport
+    '/settings/export-wallet': {
+      id: '/settings/export-wallet'
+      path: '/settings/export-wallet'
+      fullPath: '/settings/export-wallet'
+      preLoaderRoute: typeof SettingsExportWalletImport
       parentRoute: typeof rootRoute
     }
     '/space/$spaceId': {
@@ -87,45 +87,50 @@ declare module '@tanstack/react-router' {
 export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
   '/login': typeof LoginLazyRoute
-  '/settings/delegate': typeof SettingsDelegateRoute
+  '/settings/export-wallet': typeof SettingsExportWalletRoute
   '/space/$spaceId': typeof SpaceSpaceIdRoute
 }
 
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
   '/login': typeof LoginLazyRoute
-  '/settings/delegate': typeof SettingsDelegateRoute
+  '/settings/export-wallet': typeof SettingsExportWalletRoute
   '/space/$spaceId': typeof SpaceSpaceIdRoute
 }
 
 export interface FileRoutesById {
   __root__: typeof rootRoute
   '/': typeof IndexRoute
   '/login': typeof LoginLazyRoute
-  '/settings/delegate': typeof SettingsDelegateRoute
+  '/settings/export-wallet': typeof SettingsExportWalletRoute
   '/space/$spaceId': typeof SpaceSpaceIdRoute
 }
 
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
-  fullPaths: '/' | '/login' | '/settings/delegate' | '/space/$spaceId'
+  fullPaths: '/' | '/login' | '/settings/export-wallet' | '/space/$spaceId'
   fileRoutesByTo: FileRoutesByTo
-  to: '/' | '/login' | '/settings/delegate' | '/space/$spaceId'
-  id: '__root__' | '/' | '/login' | '/settings/delegate' | '/space/$spaceId'
+  to: '/' | '/login' | '/settings/export-wallet' | '/space/$spaceId'
+  id:
+    | '__root__'
+    | '/'
+    | '/login'
+    | '/settings/export-wallet'
+    | '/space/$spaceId'
   fileRoutesById: FileRoutesById
 }
 
 export interface RootRouteChildren {
   IndexRoute: typeof IndexRoute
   LoginLazyRoute: typeof LoginLazyRoute
-  SettingsDelegateRoute: typeof SettingsDelegateRoute
+  SettingsExportWalletRoute: typeof SettingsExportWalletRoute
   SpaceSpaceIdRoute: typeof SpaceSpaceIdRoute
 }
 
 const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
   LoginLazyRoute: LoginLazyRoute,
-  SettingsDelegateRoute: SettingsDelegateRoute,
+  SettingsExportWalletRoute: SettingsExportWalletRoute,
   SpaceSpaceIdRoute: SpaceSpaceIdRoute,
 }
 
@@ -141,7 +146,7 @@ export const routeTree = rootRoute
       "children": [
         "/",
         "/login",
-        "/settings/delegate",
+        "/settings/export-wallet",
         "/space/$spaceId"
       ]
     },
@@ -151,8 +156,8 @@ export const routeTree = rootRoute
     "/login": {
       "filePath": "login.lazy.tsx"
     },
-    "/settings/delegate": {
-      "filePath": "settings/delegate.tsx"
+    "/settings/export-wallet": {
+      "filePath": "settings/export-wallet.tsx"
     },
     "/space/$spaceId": {
       "filePath": "space/$spaceId.tsx"

apps/events/src/routeTree.gen.ts

@@ -31,8 +31,8 @@ export const Route = createRootRoute({
             <nav className="ml-auto flex gap-4 sm:gap-6">
               {authenticated ? (
                 <div className="flex items-center gap-4">
-                  <Link className="text-xs" to="/settings/delegate">
-                    Delegate
+                  <Link className="text-xs" to="/settings/export-wallet">
+                    Export Wallet
                   </Link>
                   <span className="text-xs text-gray-500 dark:text-gray-400">
                     {identity?.accountId.substring(0, 6)}

apps/events/src/routes/__root.tsx

@@ -1,14 +1,14 @@
-import { Delegate } from '@/components/delegate';
+import { ExportWallet } from '@/components/export-wallet';
 import { createFileRoute } from '@tanstack/react-router';
 
-export const Route = createFileRoute('/settings/delegate')({
+export const Route = createFileRoute('/settings/export-wallet')({
   component: RouteComponent,
 });
 
 function RouteComponent() {
   return (
     <div className="flex flex-col gap-4 max-w-screen-sm mx-auto py-8">
-      <Delegate />
+      <ExportWallet />
     </div>
   );
 }