menu profile

2025-08-26 09:26:26 +03:30
parent 05e8709a43
commit eba518e67b
4 changed files with 83 additions and 3 deletions
@@ -0,0 +1,27 @@
+import { FC } from 'react'
+import MenuItem from './MenuItem'
+import { Button } from '@/components/ui/button'
+import { LogoutCurve } from 'iconsax-react'
+
+const Menu: FC = () => {
+    return (
+        <div className='h-20 flex justify-between items-center bg-[#FAFAFA] rounded-[10px] border border-border px-10'>
+            <div className='flex gap-10'>
+                <MenuItem href='/profile' icon='user' text='پروفایل کاربری' isActive={true} />
+                <MenuItem href='/profile/favorite' icon='heart' text='علاقه مندی ها' isActive={false} />
+                <MenuItem href='/profile/comments' icon='comment' text='نظرات من' isActive={false} />
+                <MenuItem href='/profile/chat' icon='chat' text='گفتگو' isActive={false} />
+                <MenuItem href='/profile/orders' icon='orders' text='سفارشات' isActive={false} />
+            </div>
+
+            <Button className='bg-[#F2F2F2] h-12'>
+                <div className='flex itesm-center gap-2 text-[#AD3434]'>
+                    <LogoutCurve className='min-size-5 size-5' color='#AD3434' />
+                    <div className='text-sm font-light'>خروج از حساب</div>
+                </div>
+            </Button>
+        </div>
+    )
+}
+
+export default Menu