fix: shelter icon infos color and wrong sheltered people data

SOS-RS · May 6, 2024 · 2096543 · 2096543
1 parent b16164d
commit 2096543
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/CardAboutShelter/CardAboutShelter.tsx b/src/components/CardAboutShelter/CardAboutShelter.tsx
@@ -28,17 +28,17 @@ const CardAboutShelter = (props: ICardAboutShelter) => {
       <div className="flex flex-col flex-wrap gap-3">
         <InfoRow icon={<Home />} label={shelter.address} />
         <InfoRow
-          icon={<UsersRound />}
-          label="Capacidade do abrigo:"
+          icon={<HandHeart />}
+          label="Pessoas abrigadas:"
           value={
-            check(shelter.capacity)
-              ? `${shelter.capacity} pessoas`
+            check(shelter.shelteredPeople)
+              ? `${shelter.shelteredPeople} pessoas`
               : 'Não informado'
           }
         />
         <InfoRow
-          icon={<HandHeart />}
-          label="Pessoas abrigadas:"
+          icon={<UsersRound />}
+          label="Capacidade do abrigo:"
           value={
             check(shelter.capacity)
               ? `${shelter.capacity} pessoas`

diff --git a/src/components/CardAboutShelter/components/InfoRow/InfoRow.tsx b/src/components/CardAboutShelter/components/InfoRow/InfoRow.tsx
@@ -27,7 +27,7 @@ const InfoRow = React.forwardRef<HTMLDivElement, IInfoRowProps>(
         {...rest}
       >
         {React.cloneElement(icon as any, {
-          className: 'min-w-5 min-h-5 w-5 h-5',
+          className: 'min-w-5 min-h-5 w-5 h-5 stroke-muted-foreground',
         })}
         <h1 className={cn('font-normal', value ? 'text-nowrap' : '')}>
           {label}