setting notification

src/pages/settings/Setting.tsx

@@ -1,9 +1,10 @@
 import Tabs from '@/components/Tabs'
-import { Money2, Setting4 } from 'iconsax-react'
+import { Money2, NotificationStatus, Setting4 } from 'iconsax-react'
 import { useState, type FC } from 'react'
 import { SettingTabEnum } from './enum/Enum'
 import GeneralSettings from './GeneralSettings'
 import ScoreSetting from './components/ScoreSetting'
+import NotificationsList from '../notifications/List'
 
 const Setting: FC = () => {
 
@@ -26,6 +27,11 @@ const Setting: FC = () => {
                             label: 'تنظیمات امتیاز',
                             value: SettingTabEnum.FINANCIAL,
                         },
+                        {
+                            icon: <NotificationStatus color={activeTab === SettingTabEnum.NOTIFICATION ? 'black' : '#8C90A3'} size={24} />,
+                            label: 'تنظیمات اعلان',
+                            value: SettingTabEnum.NOTIFICATION,
+                        },
                     ]}
                     onChange={(value: string) => setActiveTab(value as SettingTabEnum)}
                     active={activeTab}
@@ -39,6 +45,9 @@ const Setting: FC = () => {
                 {
                     activeTab === SettingTabEnum.FINANCIAL && <ScoreSetting />
                 }
+                {
+                    activeTab === SettingTabEnum.NOTIFICATION && <NotificationsList />
+                }
             </div>
         </div>
     )

src/pages/settings/enum/Enum.ts

@@ -3,4 +3,5 @@ export const enum SettingTabEnum {
   PASSWORD = "password",
   FINANCIAL = "financial",
   DELIVERY = "delivery",
+  NOTIFICATION = "notification",
 }