diff --git a/src/components/shared/global-search.tsx b/src/components/shared/global-search.tsx index dedd179..d1c5a3b 100644 --- a/src/components/shared/global-search.tsx +++ b/src/components/shared/global-search.tsx @@ -1,12 +1,24 @@ import { useCallback, useEffect, useRef, useState } from 'react'; import { useNavigate } from 'react-router'; -import { SearchLg, User01, Phone01, Calendar } from '@untitledui/icons'; +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { faMagnifyingGlass, faUser, faCalendar } from '@fortawesome/pro-duotone-svg-icons'; +import type { FC, HTMLAttributes } from 'react'; import { Input } from '@/components/base/input/input'; import { Badge } from '@/components/base/badges/badges'; import { useData } from '@/providers/data-provider'; import { formatPhone } from '@/lib/format'; import { cx } from '@/utils/cx'; +const SearchIcon: FC> = ({ className }) => ( + +); +const UserIcon: FC> = ({ className }) => ( + +); +const CalendarIcon: FC> = ({ className }) => ( + +); + type SearchResultType = 'lead' | 'patient' | 'appointment'; type SearchResult = { @@ -21,10 +33,10 @@ type GlobalSearchProps = { onSelectResult?: (result: SearchResult) => void; }; -const TYPE_ICONS: Record = { - lead: User01, - patient: User01, - appointment: Calendar, +const TYPE_ICONS: Record> = { + lead: UserIcon, + patient: UserIcon, + appointment: CalendarIcon, }; const TYPE_BADGE_COLORS: Record = { @@ -170,7 +182,7 @@ export const GlobalSearch = ({ onSelectResult }: GlobalSearchProps) => {
setQuery(value)} @@ -213,7 +225,7 @@ export const GlobalSearch = ({ onSelectResult }: GlobalSearchProps) => { {!isSearching && results.length === 0 && (
- +

No results

Try a different search term

diff --git a/src/pages/patient-360.tsx b/src/pages/patient-360.tsx index ff5011e..9b24772 100644 --- a/src/pages/patient-360.tsx +++ b/src/pages/patient-360.tsx @@ -1,6 +1,6 @@ import { useMemo, useState } from 'react'; import { useParams } from 'react-router'; -import { Phone01, Mail01, Calendar, FileText06, Clock, MessageTextSquare01, Plus } from '@untitledui/icons'; +import { Phone01, Mail01, Calendar, MessageTextSquare01, Plus } from '@untitledui/icons'; import { Tabs, TabList, Tab, TabPanel } from '@/components/application/tabs/tabs'; import { TopBar } from '@/components/layout/top-bar'; import { Avatar } from '@/components/base/avatar/avatar';