search

src/shared/Header.tsx

@@ -1,5 +1,4 @@
 import { FC, useEffect, useState } from 'react'
-import Input from '../components/Input'
 import { ArrowDown2, Card, CloseCircle, Element3, HambergerMenu, Logout, ProfileCircle, Receipt1, Setting2, TicketDiscount, Wallet } from 'iconsax-react'
 import AvatarImage from '../assets/images/avatar_image.png'
 import { useTranslation } from 'react-i18next'
@@ -12,6 +11,7 @@ import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'
 import SideBarItem from './SideBarItem'
 import { useGetWalletBalance } from '../pages/wallet/hooks/useWalletData'
 import { NumberFormat } from '../config/func'
+import Search from './components/Search'
 
 const Header: FC = () => {
 
@@ -29,12 +29,7 @@ const Header: FC = () => {
     return (
         <div className='fixed z-10 right-4 left-4 xl:right-[285px] top-4 xl:h-16 h-12 flex items-center px-6 bg-white justify-between rounded-[32px] xl:w-[calc(100%-305px)]'>
 
-            <div className='min-w-[270px] hidden xl:block'>
-                <Input
-                    variant='search'
-                    placeholder={t('header.search')}
-                />
-            </div>
+            <Search />
             <div onClick={() => setOpenSidebar(!openSidebar)} className='xl:hidden block'>
                 <HambergerMenu size={24} color='black' />
             </div>