notification

src/shared/Header.tsx

@@ -1,10 +1,11 @@
 import { FC } from 'react'
 import Input from '../components/Input'
-import { ArrowDown2, Element3, Notification, Wallet } from 'iconsax-react'
+import { ArrowDown2, Element3, Wallet } from 'iconsax-react'
 import AvatarImage from '../assets/images/Avatar.png'
 import { useTranslation } from 'react-i18next'
 import { Link } from 'react-router-dom'
 import { Pages } from '../config/Pages'
+import Notifications from '../pages/notification/Notification'
 
 const Header: FC = () => {
 
@@ -24,7 +25,7 @@ const Header: FC = () => {
                 <Link to={Pages.wallet}>
                     <Wallet size={18} color='black' />
                 </Link>
-                <Notification size={18} color='black' />
+                <Notifications />
                 <div className='flex gap-2 items-center'>
                     <div className='size-7 rounded-full bg-description overflow-hidden'>
                         <img src={AvatarImage} className='size-full object-cover' />