Merge branch 'SOS-RS:develop' into develop

Author: Dan-Mqs

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 SOS-RS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -19,30 +19,15 @@ Este frontend foi desenvolvido utilizando as seguintes tecnologias:
 - [**Tailwind CSS**](https://tailwindcss.com/docs/installation): Framework CSS baseado em classes utilitárias.
 - [**shadcn/ui**](https://ui.shadcn.com/docs): Coleção de componentes reutilizáveis, baseado em Tailwind.
 
-## Funcionalidades e Backlog
-
-O app inclui as seguintes funcionalidades:
-
-- [x] **Cadastro de Itens de suprimentos**: Permite que voluntários se inscrevam para ajudar.
-- [x] **Busca de abrigos**: Gerencia a logística de distribuição de suprimentos para as áreas mais necessitadas.
-- [x] **Alteração de necessidades de abrigos**: Exibe um mapa das áreas afetadas e pontos de coleta de suprimentos.
-- [ ] **Cadastro de abrigos**: Criar tela para cadastro de abrigos (Nome, endereço, capacidade, vagas, aceita pets) e colocar pendende de aprovação.
-- [ ] **Alteração de abrigos**: Pemitir alterar quantidade de vagas disponívies, se aceita pet ou endereço.
-- [ ] **Cadastro de usuários**: Criar tela de cadastro (nome, telefone, senha) e login.
-- [ ] **Filtro por item e por cidade**: Opção de filtrar abrigos por cidade ou que precisam de algum item específico.
-- [ ] **Alterar ordenação**: Trocar a ordenação atual para ordenação por última atualização.
-- [ ] **Adicionar mapa de abrigos**: Criar uma tela com um mapa e todos os abrigos. Verificar a posibilidade de usar geolocation para mostrar a posição do usuário no mapa.
-
-
 Para executar o frontend do aplicativo em seu ambiente local, siga os passos abaixo:
 
 1. Clone o repositório:
    ```
-   git clone https://github.com/seuusuario/projeto-enchentes-frontend.git
+   git clone https://github.com/SOS-RS/frontend
    ```
 2. Entre no diretório do projeto:
    ```
-   cd projeto-enchentes-frontend
+   cd frontend
    ```
 3. Instale as dependências:
    ```
@@ -52,15 +37,15 @@ Para executar o frontend do aplicativo em seu ambiente local, siga os passos aba
    ```
    npm run dev
    ```
-   O app estará disponível em `http://localhost:3000`.
+   O app estará disponível em `http://localhost:5173`.
 
 ## Contribuindo
 
 Contribuições são muito bem-vindas! Se você tem interesse em ajudar a melhorar o app, por favor:
 
 1. Faça um fork do repositório.
 2. Crie uma branch para sua feature (`git checkout -b feature/MinhaFeature`).
-3. Faça seus commits (`git commit -am 'Adicionando uma nova feature'`).
+3. Faça seus commits (`git commit -m 'Adicionando uma nova feature'`).
 4. Faça push para a branch (`git push origin feature/MinhaFeature`).
 5. Abra um Pull Request.
 

src/api/api.ts

@@ -1,5 +1,5 @@
 import axios, { AxiosRequestHeaders, InternalAxiosRequestConfig } from 'axios';
-import { getCacheRequestData, handleCacheResponse } from './cache';
+import { clearCache, getCacheRequestData, handleCacheResponse } from './cache';
 
 const api = axios.create({
   baseURL: import.meta.env.VITE_API_URL ?? 'http://localhost:4000/',
@@ -31,6 +31,7 @@ api.interceptors.response.use(
   },
   (error) => {
     if (error.response && error.response.status === 401) {
+      clearCache(false);
       localStorage.removeItem('token');
     }
     return Promise.reject(error);

src/api/cache.ts

@@ -16,15 +16,19 @@ function checkCacheHasExpired(
   return new Date().getTime() - timestamp >= ttl;
 }
 
-function clearExpiredCache() {
-  log('cache - checando caches expirados...');
+function clearCache(onlyExpired: boolean = true) {
+  log(
+    onlyExpired
+      ? 'cache - checando caches expirados...'
+      : 'cache - limpando cache...'
+  );
   Object.keys(localStorage)
     .filter((key: string) => key.startsWith('cache:'))
     .forEach((key) => {
       const data = localStorage.getItem(key);
       if (data) {
         const { timestamp } = JSON.parse(data);
-        if (checkCacheHasExpired(timestamp)) {
+        if (!onlyExpired || checkCacheHasExpired(timestamp)) {
           localStorage.removeItem(key);
         }
       }
@@ -74,6 +78,6 @@ function handleCacheResponse(resp: AxiosResponse<any, any>) {
   }
 }
 
-clearExpiredCache();
+clearCache();
 
-export { handleCacheResponse, getCacheRequestData };
+export { handleCacheResponse, getCacheRequestData, clearCache };

src/components/Authenticated/Authenticated.tsx

@@ -1,11 +1,21 @@
 import { Fragment, useContext } from 'react';
 
 import { SessionContext } from '@/contexts';
+import { IAuthenticatedProps } from './types';
+import { AccessLevel } from '@/service/sessions/types';
 
-const Authenticated = ({ children }: { children?: React.ReactNode }) => {
+const MappedRoles: Record<AccessLevel, AccessLevel[]> = {
+  Admin: ['Admin'],
+  DistributionCenter: ['Admin', 'DistributionCenter'],
+  Staff: ['Admin', 'Staff'],
+  User: ['Admin', 'Staff', 'DistributionCenter', 'User'],
+};
+
+const Authenticated = ({ children, role = 'User' }: IAuthenticatedProps) => {
   const { session } = useContext(SessionContext);
 
-  if (!session) return <Fragment />;
+  if (!session || !MappedRoles[role].includes(session.accessLevel))
+    return <Fragment />;
 
   return <div className="contents">{children}</div>;
 };

src/components/Authenticated/types.ts

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

src/components/CardAboutShelter/CardAboutShelter.tsx

@@ -24,17 +24,16 @@ const CardAboutShelter = (props: ICardAboutShelter) => {
       <div className="flex flex-col flex-wrap gap-3">
         <InfoRow icon={<Home />} label={shelter.address} />
         <InfoRow
-          className=""
           icon={<PawPrint />}
           label={
             check(shelter.petFriendly) ? (
               shelter.petFriendly ? (
                 <p>
-                  O abrigo <b className="text-green-600">aceita</b> animais
+                  O abrigo <b>aceita</b> animais
                 </p>
               ) : (
                 <p>
-                  O abrigo <b className="text-red-600">não</b> aceita animais
+                  O abrigo <b>não</b> aceita animais
                 </p>
               )
             ) : (

src/pages/CreateShelter/CreateShelter.tsx

@@ -16,6 +16,7 @@ import { ICreateShelter } from '@/service/shelter/types';
 import { toast } from '@/components/ui/use-toast';
 import { ShelterServices } from '@/service';
 import { withAuth } from '@/hocs';
+import { clearCache } from '@/api/cache';
 
 const CreateShelterComponent = () => {
   const navigate = useNavigate();
@@ -33,6 +34,7 @@ const CreateShelterComponent = () => {
       address: '',
       shelteredPeople: 0,
       capacity: 0,
+      verified: false,
       petFriendly: false,
       contact: null,
       pix: null,
@@ -57,6 +59,7 @@ const CreateShelterComponent = () => {
     onSubmit: async (values, { resetForm }) => {
       try {
         await ShelterServices.create(values);
+        clearCache(false);
         toast({
           title: 'Cadastro feita com sucesso',
         });

src/pages/CreateSupply/CreateSupply.tsx

@@ -18,6 +18,7 @@ import { ICreateSupply, SupplyPriority } from '@/service/supply/types';
 import { getSupplyPriorityProps } from '@/lib/utils';
 import { ShelterSupplyServices, SupplyServices } from '@/service';
 import { ICreateShelterSupply } from '@/service/shelterSupply/types';
+import { clearCache } from '@/api/cache';
 
 const CreateSupply = () => {
   const navigate = useNavigate();
@@ -60,6 +61,7 @@ const CreateSupply = () => {
           priority: +values.priority,
           shelterId,
         });
+        clearCache(false);
         toast({
           title: 'Item cadastrado com sucesso',
         });

src/pages/EditShelterSupply/EditShelterSupply.tsx

@@ -13,6 +13,7 @@ import { ShelterSupplyServices } from '@/service';
 import { useToast } from '@/components/ui/use-toast';
 import { ISupply, SupplyPriority } from '@/service/supply/types';
 import { IUseShelterDataSupply } from '@/hooks/useShelter/types';
+import { clearCache } from '@/api/cache';
 
 const EditShelterSupply = () => {
   const navigate = useNavigate();
@@ -66,6 +67,7 @@ const EditShelterSupply = () => {
           const successCallback = () => {
             setModalOpened(false);
             setModalData(null);
+            clearCache(false);
             refresh();
           };