feat: added shelter category (SOS-RS#250)

Co-authored-by: José Fagundes <[email protected]>

Author: 2 people

src/components/Authenticated/types.ts

@@ -2,5 +2,6 @@ import { AccessLevel } from '@/service/sessions/types';
 
 export interface IAuthenticatedProps {
   role?: AccessLevel;
+  bypass?: boolean;
   children?: React.ReactNode;
 }

src/components/BurgerMenu/BurgerMenu.tsx

@@ -7,6 +7,7 @@ import {
   Info,
   LinkIcon,
   Menu,
+  ShieldAlert,
 } from 'lucide-react';
 
 import { SessionServices } from '@/service';
@@ -49,27 +50,35 @@ const BurgerMenu = () => {
           <BurguerMenuItem
             label="Sobre nós"
             link="/sobre-nos"
-            icon={<Info className="w-4 h-4" />}
+            icon={<Info className="w-5 h-5" />}
           />
           <BurguerMenuItem
             label="Cadastrar abrigo"
             link="https://forms.gle/2S7L2gR529Dc8P3T9"
-            icon={<CirclePlus className="w-4 h-4" />}
+            icon={<CirclePlus className="w-5 h-5" />}
+            openExternal={true}
+          />
+          <BurguerMenuItem
+            label="Canal de Denúncias"
+            link="https://contatoseguro.com.br/sos_rs"
+            icon={<ShieldAlert className="w-5 h-5" />}
+            openExternal={true}
           />
           <BurguerMenuItem
             label="Como Ajudar"
             link="https://www.instagram.com/reel/C613CfGuh4b"
-            icon={<CircleHelp className="w-4 h-4" />}
+            icon={<CircleHelp className="w-5 h-5" />}
+            openExternal={true}
           />
           <BurguerMenuItem
             label="Política de Privacidade"
             link="/politica-de-privacidade"
-            icon={<Info className="w-4 h-4" />}
+            icon={<Info className="w-5 h-5" />}
           />
           <BurguerMenuItem
             label="Apoiadores"
             link="/apoiadores"
-            icon={<HeartHandshake className="w-4 h-4" />}
+            icon={<HeartHandshake className="w-5 h-5" />}
           />
           <Separator />
           {partners.length > 0 && (

src/components/BurgerMenu/components/BurguerMenuItem/BurguerMenuItem.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ExternalLink } from 'lucide-react';
 
 import { IBurguerMenuItemProps } from './types';
 import { cn } from '@/lib/utils';
@@ -7,22 +8,31 @@ const BurguerMenuItem = React.forwardRef<
   HTMLAnchorElement,
   IBurguerMenuItemProps
 >((props, ref) => {
-  const { icon, label, onClick, link, className = '', ...rest } = props;
+  const {
+    icon,
+    label,
+    onClick,
+    link,
+    className = '',
+    openExternal,
+    ...rest
+  } = props;
 
   return (
     <a
       ref={ref}
       href={link}
-      target="_blank"
       className={cn(
         'hover:font-semibold flex gap-2 items-center text-zinc-600 [&_svg]:stroke-zinc-500',
         className
       )}
       onClick={onClick}
       {...rest}
+      target={openExternal ? '_blank' : undefined}
     >
       {icon}
       {label}
+      {openExternal && <ExternalLink className="w-3 h-3" />}
     </a>
   );
 });

src/components/BurgerMenu/components/BurguerMenuItem/types.ts

@@ -3,5 +3,6 @@ export interface IBurguerMenuItemProps
   label: string;
   icon?: React.ReactNode;
   link?: string;
+  openExternal?: boolean;
   onClick?: () => void;
 }

src/components/CardAboutShelter/CardAboutShelter.tsx

@@ -13,6 +13,8 @@ import { Card } from '../ui/card';
 import { ICardAboutShelter } from './types';
 import { InfoRow } from './components';
 import { checkAndFormatAddress } from './utils';
+import { ShelterCategory } from '@/hooks/useShelter/types';
+import { Fragment } from 'react/jsx-runtime';
 
 const CardAboutShelter = (props: ICardAboutShelter) => {
   const { shelter } = props;
@@ -33,42 +35,46 @@ const CardAboutShelter = (props: ICardAboutShelter) => {
         {Boolean(shelter.zipCode) && (
           <InfoRow icon={<MapPinned />} label="CEP:" value={shelter.zipCode} />
         )}
-        <InfoRow
-          icon={<PawPrint />}
-          label={
-            check(shelter.petFriendly) ? (
-              shelter.petFriendly ? (
-                <p>
-                  O abrigo <b>aceita</b> animais
-                </p>
-              ) : (
-                <p>
-                  O abrigo <b>não</b> aceita animais
-                </p>
-              )
-            ) : (
-              <b>Não informado se aceita animais</b>
-            )
-          }
-        />
-        <InfoRow
-          icon={<HandHeart />}
-          label="Pessoas abrigadas:"
-          value={
-            check(shelter.shelteredPeople)
-              ? `${shelter.shelteredPeople} pessoas`
-              : 'Não informado'
-          }
-        />
-        <InfoRow
-          icon={<UsersRound />}
-          label="Capacidade do abrigo:"
-          value={
-            check(shelter.capacity)
-              ? `${shelter.capacity} pessoas`
-              : 'Não informado'
-          }
-        />
+        {shelter.category === ShelterCategory.Shelter && (
+          <Fragment>
+            <InfoRow
+              icon={<PawPrint />}
+              label={
+                check(shelter.petFriendly) ? (
+                  shelter.petFriendly ? (
+                    <p>
+                      O abrigo <b>aceita</b> animais
+                    </p>
+                  ) : (
+                    <p>
+                      O abrigo <b>não</b> aceita animais
+                    </p>
+                  )
+                ) : (
+                  <b>Não informado se aceita animais</b>
+                )
+              }
+            />
+            <InfoRow
+              icon={<HandHeart />}
+              label="Pessoas abrigadas:"
+              value={
+                check(shelter.shelteredPeople)
+                  ? `${shelter.shelteredPeople} pessoas`
+                  : 'Não informado'
+              }
+            />
+            <InfoRow
+              icon={<UsersRound />}
+              label="Capacidade do abrigo:"
+              value={
+                check(shelter.capacity)
+                  ? `${shelter.capacity} pessoas`
+                  : 'Não informado'
+              }
+            />
+          </Fragment>
+        )}
         <InfoRow
           icon={<Smartphone />}
           label="Contato:"

src/hooks/useShelter/types.ts

@@ -1,3 +1,8 @@
+export enum ShelterCategory {
+  Shelter = 'Shelter',
+  DistributionCenter = 'DistributionCenter',
+}
+
 export interface IUseShelterData {
   id: string;
   name: string;
@@ -17,6 +22,8 @@ export interface IUseShelterData {
   latitude?: string | null;
   longitude?: string | null;
   shelterSupplies: IUseShelterDataSupply[];
+  category: ShelterCategory;
+  actived: boolean;
   createdAt: string;
   updatedAt?: string | null;
 }