SOS-RS
diff --git a/‎.github/ISSUE_TEMPLATE/bug-report.md‎
Lines changed: 29 additions & 0 deletions b/‎.github/ISSUE_TEMPLATE/bug-report.md‎
Lines changed: 29 additions & 0 deletions
diff --git a/‎package-lock.json‎
Lines changed: 1 addition & 10 deletions b/‎package-lock.json‎
Lines changed: 1 addition & 10 deletions
diff --git a/‎package.json‎
Lines changed: 4 additions & 5 deletions b/‎package.json‎
Lines changed: 4 additions & 5 deletions
diff --git a/‎src/components/Authenticated/Authenticated.tsx‎
Lines changed: 4 additions & 13 deletions b/‎src/components/Authenticated/Authenticated.tsx‎
Lines changed: 4 additions & 13 deletions
diff --git a/‎src/components/BurgerMenu/BurgerMenu.tsx‎
Lines changed: 98 additions & 0 deletions b/‎src/components/BurgerMenu/BurgerMenu.tsx‎
Lines changed: 98 additions & 0 deletions
diff --git a/‎src/components/BurgerMenu/components/BurguerMenuItem/BurguerMenuItem.tsx‎
Lines changed: 30 additions & 0 deletions b/‎src/components/BurgerMenu/components/BurguerMenuItem/BurguerMenuItem.tsx‎
Lines changed: 30 additions & 0 deletions
diff --git a/‎src/components/BurgerMenu/components/BurguerMenuItem/index.ts‎
Lines changed: 3 additions & 0 deletions b/‎src/components/BurgerMenu/components/BurguerMenuItem/index.ts‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎src/components/BurgerMenu/components/BurguerMenuItem/types.ts‎
Lines changed: 7 additions & 0 deletions b/‎src/components/BurgerMenu/components/BurguerMenuItem/types.ts‎
Lines changed: 7 additions & 0 deletions
diff --git a/‎src/components/BurgerMenu/components/index.ts‎
Lines changed: 3 additions & 0 deletions b/‎src/components/BurgerMenu/components/index.ts‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎src/components/BurgerMenu/index.ts‎
Lines changed: 3 additions & 0 deletions b/‎src/components/BurgerMenu/index.ts‎
Lines changed: 3 additions & 0 deletions
@@ -0,0 +1,29 @@
+---
+name: Bug report
+about: Um modelo exemplo para você relatar algum defeito que tenha encontrado no site.
+title: "[BUG] Título do problema"
+labels: bug
+assignees: ''
+
+---
+# Descrição
+Aqui você escreve sobre o que é o defeito.
+
+# Problema encontrado
+Aqui você dá detalhes sobre o problema, incluíndo os passos para reproduzir, se necessário.
+
+# Prioridade
+Registre apenas a prioridade ou seriedade do defeito. Um guia:
+- Crítico: site fora do ar, erros fatas que impedem utilização por completo, página em branco
+- Grave: site online, mas com defeito sério que impedem o uso de forma considerável
+- Média: defeito não tão sério, mas que dificulta o uso da aplicação de modo geral 
+- Baixa: coisas poucas, sistema pode ser usado. Problemas de grafia são incluídos aqui
+
+# Solução proposta
+Como deveria ser o comportamento sem o defeito?
+
+# Ambiente
+Aqui você escreve o tipo de dispositivo (Modelo do celular ou sistema operacional do computador) e o navegador que utilizou para o teste.
+
+# Evidência
+Adicione o que for possível, como captura de tela ou vídeo evidenciando o problema.
@@ -28,30 +28,29 @@
     "formik": "^2.4.6",
     "lucide-react": "^0.378.0",
     "qs": "^6.12.1",
-    "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.51.4",
     "react-input-mask": "^2.0.4",
     "react-router-dom": "^6.23.0",
     "react-select": "^5.8.0",
+    "react": "^18.2.0",
     "tailwind-merge": "^2.3.0",
     "tailwindcss-animate": "^1.0.7",
-    "yup": "^1.4.0",
-    "zod": "^3.23.6"
+    "yup": "^1.4.0"
   },
   "devDependencies": {
     "@types/node": "^20.12.8",
     "@types/qs": "^6.9.15",
-    "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
     "@types/react-input-mask": "^3.0.5",
+    "@types/react": "^18.2.66",
     "@typescript-eslint/eslint-plugin": "^7.2.0",
     "@typescript-eslint/parser": "^7.2.0",
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.19",
-    "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",
+    "eslint": "^8.57.0",
     "postcss": "^8.4.38",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.2.2",
 
@@ -1,21 +1,12 @@
-import { Fragment, useContext } from 'react';
+import { Fragment } from 'react';
 
-import { SessionContext } from '@/contexts';
 import { IAuthenticatedProps } from './types';
-import { AccessLevel } from '@/service/sessions/types';
-
-const MappedRoles: Record<AccessLevel, AccessLevel[]> = {
-  Admin: ['Admin'],
-  DistributionCenter: ['Admin', 'DistributionCenter'],
-  Staff: ['Admin', 'Staff'],
-  User: ['Admin', 'Staff', 'DistributionCenter', 'User'],
-};
+import { useAuthRoles } from '@/hooks';
 
 const Authenticated = ({ children, role = 'User' }: IAuthenticatedProps) => {
-  const { session } = useContext(SessionContext);
+  const isAuthenticated = useAuthRoles(role);
 
-  if (!session || !MappedRoles[role].includes(session.accessLevel))
-    return <Fragment />;
+  if (!isAuthenticated) return <Fragment />;
 
   return <div className="contents">{children}</div>;
 };
 
@@ -0,0 +1,98 @@
+import { Fragment, useCallback, useContext } from 'react';
+import {
+  CircleHelp,
+  CirclePlus,
+  DoorOpen,
+  Info,
+  LinkIcon,
+  Menu,
+} from 'lucide-react';
+
+import { SessionServices } from '@/service';
+import { Sheet, SheetContent, SheetTrigger } from '@/components/ui/sheet';
+import { BurguerMenuItem } from './components';
+import { Separator } from '../ui/separator';
+import { SessionContext } from '@/contexts';
+import { usePartners } from '@/hooks';
+
+const BurgerMenu = () => {
+  const { session } = useContext(SessionContext);
+  const { data: partners } = usePartners();
+
+  const logout = useCallback(() => {
+    SessionServices.logout()
+      .then(() => {
+        localStorage.removeItem('token');
+        window.location.href = '/';
+      })
+      .catch((err) => {
+        console.log(`Erro ao realizar logout: ${err}`);
+      });
+  }, []);
+
+  return (
+    <Sheet>
+      <SheetTrigger>
+        <Menu color="white" className="ml-2 mr-2" />
+      </SheetTrigger>
+      <SheetContent side="left" className="pt-[96px] flex flex-col">
+        <div className="flex flex-col gap-4">
+          {session && (
+            <Fragment>
+              <div className="inline-flex items-center text-semibold">
+                Olá, {session.name}
+              </div>
+              <Separator />
+            </Fragment>
+          )}
+          <BurguerMenuItem
+            label="Sobre nós"
+            link="/sobre-nos"
+            icon={<Info className="w-4 h-4" />}
+          />
+          <BurguerMenuItem
+            label="Cadastrar abrigo"
+            link="https://forms.gle/2S7L2gR529Dc8P3T9"
+            icon={<CirclePlus className="w-4 h-4" />}
+          />
+          <BurguerMenuItem
+            label="Como Ajudar"
+            link="https://www.instagram.com/reel/C613CfGuh4b"
+            icon={<CircleHelp className="w-4 h-4" />}
+          />
+          <BurguerMenuItem
+            label="Política de Privacidade"
+            link="/politica-de-privacidade"
+            icon={<Info className="w-4 h-4" />}
+          />
+          <Separator />
+          {partners.length > 0 && (
+            <Fragment>
+              <span>Parcerias</span>
+              {partners.map((partner, idx) => (
+                <BurguerMenuItem
+                  key={idx}
+                  label={partner.name}
+                  link={partner.link}
+                  icon={<LinkIcon className="w-4 h-4" />}
+                />
+              ))}
+            </Fragment>
+          )}
+        </div>
+        {session && (
+          <div className="mt-auto">
+            <span
+              className="inline-flex items-center hover:font-semibold cursor-pointer"
+              onClick={logout}
+            >
+              <DoorOpen className="mr-2" /> Sair
+            </span>
+          </div>
+        )}
+      </SheetContent>
+    </Sheet>
+  );
+};
+
+export { BurgerMenu };
@@ -0,0 +1,30 @@
+import React from 'react';
+
+import { IBurguerMenuItemProps } from './types';
+import { cn } from '@/lib/utils';
+
+const BurguerMenuItem = React.forwardRef<
+  HTMLAnchorElement,
+  IBurguerMenuItemProps
+>((props, ref) => {
+  const { icon, label, onClick, link, className = '', ...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}
+    >
+      {icon}
+      {label}
+    </a>
+  );
+});
+
+export { BurguerMenuItem };
@@ -0,0 +1,3 @@
+import { BurguerMenuItem } from './BurguerMenuItem';
+
+export { BurguerMenuItem };
@@ -0,0 +1,7 @@
+export interface IBurguerMenuItemProps
+  extends React.ComponentPropsWithoutRef<'a'> {
+  label: string;
+  icon?: React.ReactNode;
+  link?: string;
+  onClick?: () => void;
+}
@@ -0,0 +1,3 @@
+import { BurguerMenuItem } from './BurguerMenuItem';
+
+export { BurguerMenuItem };
@@ -0,0 +1,3 @@
+import { BurgerMenu } from "./BurgerMenu";
+
+export { BurgerMenu };
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import { BurguerMenuItem } from './BurguerMenuItem';`
	`2`	`+`
	`3`	`+export { BurguerMenuItem };`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import { BurgerMenu } from "./BurgerMenu";`
	`2`	`+`
	`3`	`+export { BurgerMenu };`