make page setting + add tabs

2025-11-22 14:57:25 +03:30
parent 23abb2c8eb
commit 8b98f47bd5
7 changed files with 81 additions and 18 deletions
@@ -0,0 +1,46 @@
+import Tabs from '@/components/Tabs'
+import { Card, KeySquare, Setting4, TruckFast } from 'iconsax-react'
+import { useState, type FC } from 'react'
+import { SettingTabEnum } from './enum/Enum'
+
+const Setting: FC = () => {
+
+    const [activeTab, setActiveTab] = useState<SettingTabEnum>(SettingTabEnum.GENERAL)
+
+    return (
+        <div className='mt-5'>
+            <h1 className='text-lg font-light'>تنظیمات</h1>
+
+            <div className='mt-8'>
+                <Tabs
+                    items={[
+                        {
+                            icon: <Setting4 color={activeTab === SettingTabEnum.GENERAL ? 'black' : '#8C90A3'} size={24} />,
+                            label: 'عمومی',
+                            value: SettingTabEnum.GENERAL,
+                        },
+                        {
+                            icon: <KeySquare color={activeTab === SettingTabEnum.PASSWORD ? 'black' : '#8C90A3'} size={24} />,
+                            label: 'رمز عبور',
+                            value: SettingTabEnum.PASSWORD,
+                        },
+                        {
+                            icon: <Card color={activeTab === SettingTabEnum.FINANCIAL ? 'black' : '#8C90A3'} size={24} />,
+                            label: 'مالی',
+                            value: SettingTabEnum.FINANCIAL,
+                        },
+                        {
+                            icon: <TruckFast color={activeTab === SettingTabEnum.DELIVERY ? 'black' : '#8C90A3'} size={24} />,
+                            label: 'روش های ارسال',
+                            value: SettingTabEnum.DELIVERY,
+                        },
+                    ]}
+                    onChange={(value: string) => setActiveTab(value as SettingTabEnum)}
+                    active={activeTab}
+                />
+            </div>
+        </div>
+    )
+}
+
+export default Setting
@@ -0,0 +1,6 @@
+export const enum SettingTabEnum {
+  GENERAL = "general",
+  PASSWORD = "password",
+  FINANCIAL = "financial",
+  DELIVERY = "delivery",
+}