Create path to wallet

src/components/sidebar-navigation.tsx

@@ -19,6 +19,7 @@ import searchIcon from '@tabler/icons/outline/search.svg';
 import settingsIcon from '@tabler/icons/outline/settings.svg';
 import userPlusIcon from '@tabler/icons/outline/user-plus.svg';
 import userIcon from '@tabler/icons/outline/user.svg';
+import walletIcon from '@tabler/icons/outline/wallet.svg';
 import worldIcon from '@tabler/icons/outline/world.svg';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
@@ -195,6 +196,13 @@ const SidebarNavigation = () => {
                 text={<FormattedMessage id='tabs_bar.profile' defaultMessage='Profile' />}
               />
 
+              <SidebarNavigationLink
+                to={'/my-wallet'}
+                icon={walletIcon}
+                activeIcon={walletIcon}
+                text={<FormattedMessage id='tabs_bar.wallet' defaultMessage='My Wallet' />}
+              />
+
               <SidebarNavigationLink
                 to='/settings'
                 icon={settingsIcon}

src/features/ui/index.tsx

@@ -73,6 +73,7 @@ import {
   Lists,
   Bookmarks,
   Settings,
+  MyWallet,
   EditProfile,
   EditEmail,
   EditPassword,
@@ -331,6 +332,7 @@ const SwitchingColumnsArea: React.FC<ISwitchingColumnsArea> = ({ children }) =>
       <WrappedRoute path='/settings/mfa' page={DefaultPage} component={MfaForm} exact />
       <WrappedRoute path='/settings/tokens' page={DefaultPage} component={AuthTokenList} content={children} />
       <WrappedRoute path='/settings' page={DefaultPage} component={Settings} content={children} />
+      <WrappedRoute path='/my-wallet' page={DefaultPage} component={MyWallet} content={children} />
       <WrappedRoute path='/soapbox/config' adminOnly page={DefaultPage} component={SoapboxConfig} content={children} />
 
       <WrappedRoute path='/soapbox/admin' staffOnly page={AdminPage} component={Dashboard} content={children} exact />

src/features/ui/util/async-components.ts

@@ -181,3 +181,4 @@ export const ZapsModal = lazy(() => import('soapbox/features/ui/components/modal
 export const ZapSplitModal = lazy(() => import('soapbox/features/ui/components/modals/zap-split/zap-split-modal.tsx'));
 export const CaptchaModal = lazy(() => import('soapbox/features/ui/components/modals/captcha-modal/captcha-modal.tsx'));
 export const NostrBunkerLogin = lazy(() => import('soapbox/features/nostr/nostr-bunker-login.tsx'));
+export const MyWallet = lazy(() => import('soapbox/features/my-wallet/index.tsx'));

src/locales/en.json

@@ -1465,6 +1465,7 @@
   "settings.security": "Security",
   "settings.sessions": "Active sessions",
   "settings.settings": "Settings",
+  "my_wallet.my_wallet": "My Wallet",
   "shared.tos": "Terms of Service",
   "signup_panel.subtitle": "Sign up now to discuss what's happening.",
   "signup_panel.title": "New to {site_title}?",
@@ -1616,6 +1617,7 @@
   "tabs_bar.more": "More",
   "tabs_bar.notifications": "Notifications",
   "tabs_bar.profile": "Profile",
+  "tabs_bar.wallet": "My Wallet",
   "tabs_bar.search": "Discover",
   "tabs_bar.settings": "Settings",
   "textarea.counter.label": "{count} characters remaining",