diff --git a/src/components/ShelterListItem/ShelterListItem.tsx b/src/components/ShelterListItem/ShelterListItem.tsx index e33a614f..60806624 100644 --- a/src/components/ShelterListItem/ShelterListItem.tsx +++ b/src/components/ShelterListItem/ShelterListItem.tsx @@ -1,7 +1,7 @@ import { useMemo } from 'react'; import { format } from 'date-fns'; import { useNavigate } from 'react-router-dom'; -import { ChevronRight } from 'lucide-react'; +import { BadgeCheck, ChevronRight } from 'lucide-react'; import { IShelterListItemProps, IShelterAvailabilityProps } from './types'; import { cn, getAvailabilityProps, getSupplyPriorityProps } from '@/lib/utils'; @@ -38,12 +38,17 @@ const ShelterListItem = (props: IShelterListItemProps) => { > -

navigate(`/abrigo/${data.id}`)} - > - {data.name} -

+
+ {data.verified && ( + + )} +

navigate(`/abrigo/${data.id}`)} + > + {data.name} +

+
{availability}
diff --git a/src/hooks/useShelter/types.ts b/src/hooks/useShelter/types.ts index 112b6f22..7edf22d6 100644 --- a/src/hooks/useShelter/types.ts +++ b/src/hooks/useShelter/types.ts @@ -8,6 +8,7 @@ export interface IUseShelterData { contact?: string | null; petFriendly?: boolean | null; prioritySum: number; + verified: boolean; latitude?: string | null; longitude?: string | null; shelterSupplies: IUseShelterDataSupply[]; diff --git a/src/hooks/useShelters/types.ts b/src/hooks/useShelters/types.ts index 1d3cf9e0..e19243a7 100644 --- a/src/hooks/useShelters/types.ts +++ b/src/hooks/useShelters/types.ts @@ -8,6 +8,7 @@ export interface IUseSheltersData { contact?: string | null; petFriendly?: boolean | null; prioritySum: number; + verified: boolean; latitude?: string | null; longitude?: string | null; createdAt: string; diff --git a/src/pages/Shelter/Shelter.tsx b/src/pages/Shelter/Shelter.tsx index f31ed585..4f0e6897 100644 --- a/src/pages/Shelter/Shelter.tsx +++ b/src/pages/Shelter/Shelter.tsx @@ -1,5 +1,5 @@ import { useMemo } from 'react'; -import { ChevronLeft, Pencil } from 'lucide-react'; +import { BadgeCheck, ChevronLeft, Pencil } from 'lucide-react'; import { useNavigate, useParams } from 'react-router-dom'; import { CardAboutShelter, Header, LoadingScreen } from '@/components'; @@ -53,9 +53,14 @@ const Shelter = () => { } />
-

- {shelter.name} -

+
+ {shelter.verified && ( + + )} +

+ {shelter.name} +

+

{availability}