Front fix permissions selection

src/Components/SideBar/index.jsx

@@ -10,7 +10,7 @@
 import { RiLogoutCircleRLine } from "react-icons/ri";
 import { useNavigate } from "react-router-dom";
 import AuthContext, { useAuth } from "../../Context/auth";
 import { usePermissions, checkModule } from "../../Utils/permission";
 import { getRoleById } from "../../Services/RoleService/roleService";
 
 export default function SideBar() {
@@ -19,10 +19,10 @@
   const navigate = useNavigate();
   const context = useContext(AuthContext);
   const { user } = useAuth();
   const permissions = usePermissions();
   const [role, setRole] = useState("");
 
-  useEffect(() => {}, [navigate]);
+  useEffect(() => { }, [navigate]);
 
   const handleItemClick = async (user) => {
     if (user) {
@@ -54,7 +54,7 @@
       }}
     />,
     <SideButton
-      hidden={checkModule(permissions, "users") ? "flex" : "none"}
+      // hidden={checkModule(permissions, "users") ? "flex" : "none"}
       key="filiacao"
       text="CADASTROS"
       onClick={() => {
@@ -63,7 +63,7 @@
       }}
     />,
     <SideButton
-      hidden={checkModule(permissions, "finance") ? "flex" : "none"}
+      // hidden={checkModule(permissions, "finance") ? "flex" : "none"}
       key="financeiro"
       text="FINANCEIRO"
       onClick={() => {
@@ -72,14 +72,23 @@
       }}
     />,
     <SideButton
-      hidden={checkModule(permissions, "benefits") ? "flex" : "none"}
+      // hidden={checkModule(permissions, "benefits") ? "flex" : "none"}
       key="beneficios"
       text="BENEFÍCIOS"
       onClick={() => {
         navigate("/beneficios");
         setIsSideBarOpen(false);
       }}
     />,
+    <SideButton
+      // hidden={checkModule(permissions, "benefits") ? "flex" : "none"}
+      key="permissions"
+      text="PERMISSIONS"
+      onClick={() => {
+        navigate("/permissions");
+        setIsSideBarOpen(false);
+      }}
+    />,
     <SideButton
       hidden={user ? "none" : "flex"}
       key="login"
@@ -98,7 +107,7 @@
       }}
     />,
     <SideButton
-      hidden={checkModule(permissions, "users") ? "flex" : "none"}
+      // hidden={checkModule(permissions, "users") ? "flex" : "none"}
       key="carteirinha"
       text="CARTEIRINHA"
       onClick={() => {
@@ -116,7 +125,7 @@
       }}
     />,
     <SideButton
-      hidden={checkModule(permissions, "users") ? "flex" : "none"}
+      // hidden={checkModule(permissions, "users") ? "flex" : "none"}
       key="Verificarsindicalizado"
       text="VERIFICAR SINDICALIZADO"
       onClick={() => {

src/Pages/Protected/Benefit/Benefits/index.jsx

@@ -10,7 +10,7 @@ const Benefits = () => {
   const navigate = useNavigate();
   const { user } = useAuth();
   const permissions = usePermissions();
-  const canCreate = checkAction(permissions, "benefits", "create");
+  const canCreate = checkAction(permissions, "create");
 
   const handleBenefitsList = () => {
     navigate("/beneficios/lista");

src/Pages/Protected/Benefit/BenefitsList/index.jsx

@@ -16,7 +16,7 @@ export default function BenefitsList() {
   const [benefits, setBenefits] = useState([]);
   const navigate = useNavigate();
   const permissions = usePermissions();
-  const canCreate = checkAction(permissions, "benefits", "create");
+  const canCreate = checkAction(permissions, "create");
 
   const handleSubmit = () => {
     navigate("/beneficios/criar");

src/Pages/Protected/Benefit/BenefitsUpdate/index.jsx

@@ -55,8 +55,8 @@ export default function BenefitsUpdate() {
   const [showDeletedModal, setShowDeletedModal] = useState(false);
   const [openError, setOpenError] = useState(false);
   const permissions = usePermissions();
-  const canUpdate = checkAction(permissions, "benefits", "update");
-  const canDelete = checkAction(permissions, "benefits", "delete");
+  const canUpdate = checkAction(permissions,"update");
+  const canDelete = checkAction(permissions, "delete");
 
   const tipoPessoaList = ["Jurídica", "Física"];
   const categoriaList = [

src/Pages/Protected/Finance/BankAccountList/index.jsx

@@ -18,7 +18,7 @@ export default function ListBankAccount() {
   const { user } = useAuth();
   const [bankAccounts, setBankAccounts] = useState([]);
   const permissions = usePermissions();
-  const canCreate = checkAction(permissions, "finance", "create");
+  const canCreate = checkAction(permissions, "create");
 
   useEffect(() => {
     const fetchBankAccounts = async () => {

src/Pages/Protected/Finance/BankAccountUpdate/index.jsx

@@ -27,8 +27,8 @@ const BankAccountId = () => {
   const [agency, setAgency] = useState("");
   const [openError, setOpenError] = useState(false);
   const permissions = usePermissions();
-  const canUpdate = checkAction(permissions, "finance", "update");
-  const canDelete = checkAction(permissions, "finance", "delete");
+  const canUpdate = checkAction(permissions, "update");
+  const canDelete = checkAction(permissions, "delete");
 
   const { user } = useAuth();
   const { id } = useParams(); // Pega o ID da URL

src/Pages/Protected/FinancialMovements/FinancialList/index.jsx

@@ -19,7 +19,7 @@
   const [dataInicio, setDataInicio] = useState(null);
   const [dataFinal, setDataFinal] = useState(null);
   const permissions = usePermissions();
-  const canCreate = checkAction(permissions, "finance", "create");
+  const canCreate = checkAction(permissions, "create");
 
   const storagedUser = JSON.parse(localStorage.getItem("@App:user"));
 
@@ -44,7 +44,7 @@
     };
 
     fetchMovements();
   }, []);
 
   const handleSubmit = () => {
     navigate("/movimentacoes/criar");

src/Pages/Protected/FinancialMovements/FinancialUpdate/index.jsx

@@ -40,8 +40,8 @@ export default function FinancialUpdate() {
   const [nomesDestino, setNomesDestino] = useState([]);
   const maxDescricaoLength = 130;
   const permissions = usePermissions();
-  const canUpdate = checkAction(permissions, "finance", "update");
-  const canDelete = checkAction(permissions, "finance", "delete");
+  const canUpdate = checkAction(permissions, "update");
+  const canDelete = checkAction(permissions, "delete");
 
   const navigate = useNavigate();
   const location = useLocation();

src/Pages/Protected/Organ/ListOrgan/index.jsx

@@ -17,7 +17,7 @@ export default function OrganList() {
   const [organs, setOrgans] = useState([]);
   const navigate = useNavigate();
 
-  const canCreate = checkAction(permissions, "users", "create");
+  const canCreate = checkAction(permissions,"create");
   useEffect(() => {
     const getOrgansInfo = async () => {
       const response = await listOrgans();

src/Pages/Protected/Organ/OrganUpdate/index.jsx

@@ -23,8 +23,8 @@ export const OrganId = () => {
   const organsId = state?.organsId;
   const navigate = useNavigate();
   const permissions = usePermissions();
-  const canUpdate = checkAction(permissions, "users", "update");
-  const canDelete = checkAction(permissions, "users", "delete");
+  const canUpdate = checkAction(permissions, "update");
+  const canDelete = checkAction(permissions, "delete");
 
   const [openSave, setOpenSave] = useState(false);
   const [openDeleteOrgan, setOpenDeleteOrgan] = useState(false);

src/Pages/Protected/Permissions/permissionsHandler.jsx

@@ -0,0 +1,126 @@
+import React, { useState, useEffect } from 'react';
+import axios from 'axios';
+import { Box, Button, TextField, Typography, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Paper, IconButton } from '@mui/material';
+import { Delete, Edit, Search } from '@mui/icons-material';
+import { APIUsers } from "./../../../Services/BaseService/index";
+import { getToken, getUser } from "./../../../Services/Functions/loader";
+
+
+const PermissionCRUD = () => {
+  const [permissions, setPermissions] = useState([]);
+  const [form, setForm] = useState({ name: '' });
+  const [searchQuery, setSearchQuery] = useState('');
+  const [search, setSearch] = useState("");
+  const [editId, setEditId] = useState(null);
+
+  useEffect(() => {
+    fetchPermissions();
+  }, []);
+
+  const fetchPermissions = async () => {
+    try {
+      const response = await APIUsers.get('permission');
+      setPermissions(response.data);
+    } catch (error) {
+      console.error('Error fetching permissions:', error);
+    }
+  };
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    try {
+      if (editId) {
+        await APIUsers.patch(`permission/patch/${editId}`, form);
+      } else {
+        await APIUsers.post('permission/create/', form);
+      }
+      setForm({ name: '' });
+      setEditId(null);
+      fetchPermissions();
+    } catch (error) {
+      console.error('Error saving permission:', error);
+    }
+  };
+
+  const handleEdit = (permission) => {
+    setForm({ name: permission.name });
+    setEditId(permission._id);
+  };
+
+  const handleDelete = async (id) => {
+    try {
+      await APIUsers.delete(`permission/delete/${id}`);
+      fetchPermissions();
+    } catch (error) {
+      console.error('Error deleting permission:', error);
+    }
+  };
+
+  const handleSearch = async () => {
+    try {
+      const response = await APIUsers.get(`permissions/search`, 
+        { name: searchQuery }, 
+        {headers: {
+            Authorization: `Bearer ${getToken()}`,          
+        }}
+      );
+      setPermissions(response.data);
+    } catch (error) {
+      console.error('Error searching permissions:', error);
+    }
+  };
+
+  const filteredPermissions = permissions.filter((permission) =>
+    permission.name.toLowerCase().includes(search.toLowerCase())
+  );
+
+  return (
+    <Box sx={{ padding: 4 }}>
+      <Typography variant="h4" gutterBottom>
+        Permission Management
+      </Typography>
+
+      <Box component="form" onSubmit={handleSubmit} sx={{ marginBottom: 4 }}>
+        <TextField
+          label="Permission Name"
+          value={form.name}
+          onChange={(e) => setForm({ ...form, name: e.target.value })}
+          required
+          fullWidth
+          margin="normal"
+        />
+        <Button  sx={{ backgroundColor: '#ae883c', '&:hover': { backgroundColor: '#936d30' }}} type="submit" variant="contained" color="primary">
+          {editId ? 'Atualizar Permissão' : 'Criar Permissão'}
+        </Button>
+      </Box>
+
+      <TableContainer component={Paper}>
+        <Table sx={{ backgroundColor: '#eae3d7', '&:hover': { backgroundColor: '#eae3d7' }}}>
+          <TableHead>
+            <TableRow>
+              <TableCell>Name</TableCell>
+              <TableCell>Actions</TableCell>
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {filteredPermissions.map((permission, index) => (
+              <TableRow key={permission._id}>
+                <TableCell>{permission.name}</TableCell>
+                <TableCell>
+                  <IconButton color="primary" onClick={() => handleEdit(permission)}>
+                    <Edit />
+                  </IconButton>
+                  <IconButton color="error" onClick={() => handleDelete(permission._id)}>
+                    <Delete />
+                  </IconButton>
+                </TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      </TableContainer>
+    </Box>
+  );
+};
+
+export default PermissionCRUD;

src/Pages/Protected/Roles/RolesListPage/index.jsx

@@ -44,7 +44,7 @@ export default function RolesListPage() {
     fetchRoleForm();
   }, []);
 
-  const hasPermission = checkAction(permissions, "users", "create");
+  const hasPermission = checkAction(permissions, "create");
 
   const handleSubmit = () => {
     navigate("/perfis/criar");

src/Pages/Protected/Roles/RolesUpdatePage/index.jsx

@@ -29,8 +29,8 @@ export default function RolesUpdatePage() {
   const location = useLocation();
   const { roleId } = location.state;
 
-  const canDelete = checkAction(permissions, "users", "delete");
-  const canUpdate = checkAction(permissions, "users", "update");
+  const canDelete = checkAction(permissions, "delete");
+  const canUpdate = checkAction(permissions, "update");
 
   useEffect(() => {
     const fetchRole = async () => {

src/Pages/Protected/Supplier/ListSupplier/index.jsx

@@ -16,7 +16,7 @@ export default function ListSupplier() {
   const [search, setSearch] = useState("");
   const navigate = useNavigate();
   const permissions = usePermissions();
-  const canCreate = checkAction(permissions, "finance", "create");
+  const canCreate = checkAction(permissions, "create");
   useEffect(() => {
     const fetchSupplierForm = async () => {
       const response = await getSupplierForm();

src/Pages/Protected/Supplier/UpdateSupplier/index.jsx

@@ -17,8 +17,8 @@ import { checkAction, usePermissions } from "../../../../Utils/permission";
 
 export default function UpdateSupplier() {
   const permissions = usePermissions();
-  const canUpdate = checkAction(permissions, "finance", "update");
-  const canDelete = checkAction(permissions, "finance", "delete");
+  const canUpdate = checkAction(permissions, "update");
+  const canDelete = checkAction(permissions, "delete");
   const [nome, setNome] = useState("");
   const [tipoPessoa, setTipoPessoa] = useState("");
   const [cpfCnpj, setCpfCnpj] = useState("");

src/Pages/Protected/Supplier/UpdateSupplier/index.test.jsx

@@ -20,7 +20,7 @@
 vi.mock("../../../../Utils/permission", () => {
   return {
     ...vi.importActual("../../../../Utils/permission"), // Importa o módulo real
-    checkAction: vi.fn((permissions, module, action) => {
+    checkAction: vi.fn((permissions, action) => {
       if (
         module === "finance" &&
         (action === "update" || action === "delete")
@@ -111,7 +111,7 @@
         target: { value: "invalid-email" },
       });
 
       await userEvent.click(screen.getByText("Salvar"));
 
       expect(updateSupplierFormById).not.toHaveBeenCalled();
 
@@ -176,7 +176,7 @@
       </Router>
     );
 
     await userEvent.click(screen.getByText("Deletar"));
 
     expect(
       screen.getByText("Deseja deletar o fornecedor do sistema?")

src/Pages/Protected/Users/userHubPage/index.jsx

@@ -10,7 +10,7 @@ import { usePermissions, checkAction } from "../../../../Utils/permission";
 export default function UserHubPage() {
   const navigate = useNavigate();
   const permissions = usePermissions();
-  const canAprove = checkAction(permissions, "users", "create");
+  const canAprove = checkAction(permissions, "create");
 
   const handleListaClick = () => {
     navigate("/usuarios");

src/Pages/Protected/Users/userListPage/index.jsx

@@ -47,7 +47,7 @@ export default function UserListPage() {
     return <div>Carregando...</div>;
   }
 
-  const hasPermission = checkAction(permissions, "users", "create");
+  const hasPermission = checkAction(permissions, "create");
 
   const handleRegisterClick = () => {
     navigate("/usuarios/criar");

src/Pages/Protected/Users/userUpdatePage/index.jsx

@@ -38,8 +38,8 @@ export default function UserUpdatePage() {
   const [isEmailValid, setIsEmailValid] = useState(true);
   const [isCelularValid, setIsCelularValid] = useState(true);
 
-  const canDelete = checkAction(permissions, "users", "delete");
-  const canUpdate = checkAction(permissions, "users", "update");
+  const canDelete = checkAction(permissions, "delete");
+  const canUpdate = checkAction(permissions, "update");
 
   useEffect(() => {
     const loadRoles = async () => {

src/Routes/permissionProtect.jsx

@@ -33,10 +33,11 @@ const PermissionProtect = ({ element, moduleName, actions }) => {
     // Exibe um carregando enquanto as permissões estão sendo buscadas
     return <div>Loading...</div>;
   }
-
+  console.log(moduleName, 'chaama')
+  return element;
   // Verifica se o usuário possui pelo menos uma das ações necessárias
   const hasPermission = actions.some((action) =>
-    checkAction(userPermissions, moduleName, action)
+    checkAction(userPermissions, action)
   );
 
   if (hasPermission) {