danak/danak-console
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pixel perfect search

Browse Source
This commit is contained in:
hamid zarghami
2026-02-07 10:33:34 +03:30
parent 1885bca62a
commit c9c42cf638
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/shared/components/Search.tsx
+6 -2
View File
@@ -6,6 +6,7 @@ import { ServiceType } from '../../pages/service/types/ServiecTypes'
import { Link } from 'react-router-dom' import { Link } from 'react-router-dom'
import { Pages } from '../../config/Pages' import { Pages } from '../../config/Pages'
import { useOutsideClick } from '../../hooks/useOutSideClick' import { useOutsideClick } from '../../hooks/useOutSideClick'
import { clx } from '../../helpers/utils'
const Search: FC = () => { const Search: FC = () => {
@@ -40,9 +41,12 @@ const Search: FC = () => {
showSearch && showSearch &&
<div ref={ref} className='absolute shadow bg-white top-[100%] rounded-xl right-0 w-[270px] p-4 flex flex-col gap-4 overflow-y-auto max-h-screen'> <div ref={ref} className='absolute shadow bg-white top-[100%] rounded-xl right-0 w-[270px] p-4 flex flex-col gap-4 overflow-y-auto max-h-screen'>
{ {
data?.data?.services?.map((item: ServiceType) => { data?.data?.services?.map((item: ServiceType, index: number) => {
return ( return (
<Link onClick={() => setShowSearch(false)} to={Pages.services.detail + item.slug} key={item.id} className='flex gap-3 items-center border-b pb-4'> <Link onClick={() => setShowSearch(false)} to={Pages.services.detail + item.slug} key={item.id} className={clx(
'flex gap-3 items-center border-b pb-4',
data?.data?.services?.length === index + 1 && 'border-b-0 pb-0'
)}>
<img src={item.icon} className='size-8 rounded-lg' /> <img src={item.icon} className='size-8 rounded-lg' />
<div className='text-[13px]'>{item.name}</div> <div className='text-[13px]'>{item.name}</div>
</Link> </Link>