💨

src/components/Sidebar/AccountButton.tsx

@@ -7,7 +7,7 @@ import {
   DropdownMenuTrigger
 } from '@/components/ui/dropdown-menu'
 import { useFetchProfile } from '@/hooks'
-import { toProfile, toSettings } from '@/lib/link'
+import { toProfile } from '@/lib/link'
 import { formatPubkey, generateImageByPubkey } from '@/lib/pubkey'
 import { useSecondaryPage } from '@/PageManager'
 import { useNostr } from '@/providers/NostrProvider'
@@ -61,7 +61,6 @@ function ProfileButton() {
       </DropdownMenuTrigger>
       <DropdownMenuContent>
         <DropdownMenuItem onClick={() => push(toProfile(pubkey))}>{t('Profile')}</DropdownMenuItem>
-        <DropdownMenuItem onClick={() => push(toSettings())}>{t('Settings')}</DropdownMenuItem>
         <DropdownMenuItem onClick={() => setLoginDialogOpen(true)}>
           {t('Switch account')}
         </DropdownMenuItem>

src/components/Sidebar/PostButton.tsx

@@ -15,6 +15,8 @@ export default function PostButton() {
           e.stopPropagation()
           setOpen(true)
         }}
+        variant="default"
+        className="bg-primary"
       >
         <PencilLine strokeWidth={3} />
       </SidebarItem>

src/components/Sidebar/SettingsButton.tsx

@@ -0,0 +1,14 @@
+import { toSettings } from '@/lib/link'
+import { useSecondaryPage } from '@/PageManager'
+import { Settings } from 'lucide-react'
+import SidebarItem from './SidebarItem'
+
+export default function SettingsButton() {
+  const { push } = useSecondaryPage()
+
+  return (
+    <SidebarItem title="Settings" onClick={() => push(toSettings())}>
+      <Settings strokeWidth={3} />
+    </SidebarItem>
+  )
+}

src/components/Sidebar/index.tsx

@@ -5,18 +5,20 @@ import HomeButton from './HomeButton'
 import NotificationsButton from './NotificationButton'
 import PostButton from './PostButton'
 import SearchButton from './SearchButton'
+import SettingsButton from './SettingsButton'
 
 export default function PrimaryPageSidebar() {
   return (
     <div className="w-16 xl:w-52 hidden sm:flex flex-col pb-2 pt-4 px-2 justify-between h-full shrink-0">
       <div className="space-y-2">
-        <div className="px-2 mb-10 w-full">
+        <div className="px-2 mb-8 w-full">
           <Icon className="xl:hidden" />
           <Logo className="max-xl:hidden" />
         </div>
         <HomeButton />
         <NotificationsButton />
         <SearchButton />
+        <SettingsButton />
         <PostButton />
       </div>
       <AccountButton />