feat: zap (#107)

src/pages/secondary/SettingsPage/index.tsx

@@ -1,14 +1,25 @@
 import AboutInfoDialog from '@/components/AboutInfoDialog'
+import Donation from '@/components/Donation'
 import { Select, SelectContent, SelectItem, SelectTrigger } from '@/components/ui/select'
 import SecondaryPageLayout from '@/layouts/SecondaryPageLayout'
-import { toRelaySettings } from '@/lib/link'
+import { toRelaySettings, toWallet } from '@/lib/link'
 import { cn } from '@/lib/utils'
 import { useSecondaryPage } from '@/PageManager'
 import { useNostr } from '@/providers/NostrProvider'
 import { useTheme } from '@/providers/ThemeProvider'
 import { TLanguage } from '@/types'
 import { SelectValue } from '@radix-ui/react-select'
-import { Check, ChevronRight, Copy, Info, KeyRound, Languages, Server, SunMoon } from 'lucide-react'
+import {
+  Check,
+  ChevronRight,
+  Copy,
+  Info,
+  KeyRound,
+  Languages,
+  Server,
+  SunMoon,
+  Wallet
+} from 'lucide-react'
 import { forwardRef, HTMLProps, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 
@@ -66,6 +77,13 @@ const SettingsPage = forwardRef(({ index }: { index?: number }, ref) => {
         </div>
         <ChevronRight />
       </SettingItem>
+      <SettingItem onClick={() => push(toWallet())}>
+        <div className="flex items-center gap-4">
+          <Wallet />
+          <div>{t('Wallet')}</div>
+        </div>
+        <ChevronRight />
+      </SettingItem>
       {!!nsec && (
         <SettingItem
           onClick={() => {
@@ -110,6 +128,9 @@ const SettingsPage = forwardRef(({ index }: { index?: number }, ref) => {
           </div>
         </SettingItem>
       </AboutInfoDialog>
+      <div className="px-4 mt-4">
+        <Donation />
+      </div>
     </SecondaryPageLayout>
   )
 })