changed permission logic

fga-eps-mds · Jan 17, 2025 · 5502a24 · 5502a24
1 parent 3638496
commit 5502a24
Show file tree

Hide file tree

Showing 24 changed files with 139 additions and 101 deletions.
diff --git a/src/Context/auth.jsx b/src/Context/auth.jsx
@@ -10,6 +10,7 @@ export const AuthProvider = ({ children }) => {
   useEffect(() => {
     const storagedUser = localStorage.getItem("@App:user");
     const storagedToken = localStorage.getItem("@App:token");
+    const storagedPermissions = localStorage.getItem("@App:permissions");
 
     if (storagedToken && storagedUser) {
       setUser(JSON.parse(storagedUser));
@@ -22,6 +23,7 @@ export const AuthProvider = ({ children }) => {
       setUser(response.data);
       localStorage.setItem("@App:user", JSON.stringify(response.data.user));
       localStorage.setItem("@App:token", JSON.stringify(response.data.token));
+      localStorage.setItem("@App:permissions", JSON.stringify(response.data.permissions));
       setFlag(!flag);
       return false;
     } catch (err) {
@@ -33,7 +35,8 @@ export const AuthProvider = ({ children }) => {
     setUser(null);
 
     localStorage.removeItem("@App:user");
-    localStorage.removeItem("App:token");
+    localStorage.removeItem("@App:token");
+    localStorage.removeItem("@App:permissions");
     setFlag(!flag);
   };
 

diff --git a/src/Pages/Protected/Benefit/Benefits/index.jsx b/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, "create");
+  const canCreate = checkAction( "beneficios_criar");
 
   const handleBenefitsList = () => {
     navigate("/beneficios/lista");
@@ -38,10 +38,12 @@ const Benefits = () => {
                   onClick={handleBenefitsCreate}
                 />
               )}
-              <SecondaryButton
-                text="LISTA DE BENEFÍCIOS"
-                onClick={handleBenefitsList}
-              />
+              { checkAction( "beneficios_visualizar") && (
+                <SecondaryButton
+                  text="LISTA DE BENEFÍCIOS"
+                  onClick={handleBenefitsList}
+                />
+              )}
             </div>
           </div>
         </div>

diff --git a/src/Pages/Protected/Benefit/BenefitsCreate/index.jsx b/src/Pages/Protected/Benefit/BenefitsCreate/index.jsx
@@ -17,6 +17,7 @@ import {
   isValidCelular,
   isValidSite,
 } from "../../../../Utils/validators";
+import { checkAction, usePermissions } from "../../../../Utils/permission";
 
 export default function BenefitsCreate() {
   const navigate = useNavigate();
@@ -44,6 +45,7 @@ export default function BenefitsCreate() {
   const [isChecked, setIsChecked] = useState(false);
   const [showModal, setShowModal] = useState(false);
   const [openError, setOpenError] = useState(false);
+  const permissions = usePermissions();
 
   const tipoPessoaList = ["Jurídica", "Física"];
   const categoriaList = [
@@ -194,8 +196,10 @@ export default function BenefitsCreate() {
       console.error("Erro ao criar benefício:", error);
     }
   };
+
 
   return (
+    checkAction( "beneficios_criar") && (
     <div className="container-benefits">
       <div className="forms-container-benefits">
         <h1>Cadastro de benefícios</h1>
@@ -361,5 +365,6 @@ export default function BenefitsCreate() {
         </Modal>
       </div>
     </div>
+    )
   );
 }
diff --git a/src/Pages/Protected/Benefit/BenefitsList/index.jsx b/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, "create");
+  // const canCreate = checkAction( "beneficios_criar");
 
   const handleSubmit = () => {
     navigate("/beneficios/criar");
@@ -46,7 +46,7 @@ export default function BenefitsList() {
       <div className="forms-container-list-benefits">
         <div className="double-box-list-benefits">
           <h1> Lista de benefícios</h1>
-          {canCreate && (
+          {checkAction( "beneficios_criar") && (
             <PrimaryButton text="Cadastrar benefício" onClick={handleSubmit} />
           )}
         </div>

diff --git a/src/Pages/Protected/Benefit/BenefitsUpdate/index.jsx b/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,"update");
-  const canDelete = checkAction(permissions, "delete");
+  const canUpdate = checkAction(permissions,"beneficios_editar");
+  const canDelete = checkAction( "beneficios_deletar");
 
   const tipoPessoaList = ["Jurídica", "Física"];
   const categoriaList = [
@@ -248,7 +248,9 @@ export default function BenefitsUpdate() {
   };
 
   return (
+    checkAction( "beneficios_visualizar") && (
     <div className="container-benefits">
+
       <div className="forms-container-benefits">
         <h1>Visualização de benefícios</h1>
 
@@ -454,5 +456,6 @@ export default function BenefitsUpdate() {
         </Modal>
       </div>
     </div>
+    )
   );
 }
diff --git a/src/Pages/Protected/Benefit/BenefitsValue/index.jsx b/src/Pages/Protected/Benefit/BenefitsValue/index.jsx
@@ -28,7 +28,9 @@ export default function BenefitsValue() {
   }, []);
 
   return (
+    checkAction( "beneficios_visualizar") && (
     <section className="benefits-container">
+
       <div className="benefits-list">
         <div className="benefits-header">
           <h1>Valores dos benefícios</h1>
@@ -93,5 +95,6 @@ export default function BenefitsValue() {
         </div>
       </div>
     </section>
+    )
   );
 }
diff --git a/src/Pages/Protected/Carteirinha/index.jsx b/src/Pages/Protected/Carteirinha/index.jsx
@@ -74,7 +74,9 @@ const Carteirinha = () => {
   const { name, birthDate, cpf, expeditionDate, hiringDate } = membershipData;
 
   return (
+    checkAction( "beneficios_criar") && (
     <div className="carteirinha-container" ref={cardRef}>
+
       <div className="carteirinha">
         <header className="carteirinha-header">
           <h1>SINDPOL-DF</h1>
@@ -182,6 +184,7 @@ const Carteirinha = () => {
         BAIXAR CARTEIRINHA
       </button>
     </div>
+  )
   );
 };
 

diff --git a/src/Pages/Protected/Finance/BankAccountCreate/index.jsx b/src/Pages/Protected/Finance/BankAccountCreate/index.jsx
@@ -101,6 +101,7 @@ const BankAccount = () => {
   };
 
   return (
+    checkAction( "contas_bancarias_criar") && (
     <div className="container-benefits">
       <div className="forms-container-benefits">
         <h1>Cadastro de Conta Bancária</h1>
@@ -187,6 +188,7 @@ const BankAccount = () => {
         </Modal>
       </div>
     </div>
+    )
   );
 };
 

diff --git a/src/Pages/Protected/Finance/BankAccountList/index.jsx b/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, "create");
+  const canCreate = checkAction( "create");
 
   useEffect(() => {
     const fetchBankAccounts = async () => {
@@ -46,52 +46,54 @@ export default function ListBankAccount() {
   );
 
   return (
-    user && (
-      <section className="container-list-bankAccount">
-        <div className="forms-container-list-bankAccount">
-          <div className="double-box-list-bankAccount">
-            <h1>Lista de Contas Bancárias</h1>
-            {canCreate && (
-              <PrimaryButtom
-                text="Cadastrar contas bancárias"
-                onClick={handleRegisterClick}
+    checkAction( "contas_bancarias_visualizar") && (
+      user && (
+        <section className="container-list-bankAccount">
+          <div className="forms-container-list-bankAccount">
+            <div className="double-box-list-bankAccount">
+              <h1>Lista de Contas Bancárias</h1>
+              {canCreate && (
+                <PrimaryButtom
+                  text="Cadastrar contas bancárias"
+                  onClick={handleRegisterClick}
+                />
+              )}
+            </div>
+            <div className="search-box-bankAccount">
+              <FieldText
+                label="Pesquisar conta bancária"
+                value={busca}
+                onChange={(e) => setBusca(e.target.value)}
               />
-            )}
-          </div>
-          <div className="search-box-bankAccount">
-            <FieldText
-              label="Pesquisar conta bancária"
-              value={busca}
-              onChange={(e) => setBusca(e.target.value)}
-            />
-            <List>
-              {filteredBankAccounts.map((bankAccount, index) => (
-                <div key={bankAccount._id}>
-                  <ListItem>
-                    <ListItemButton
-                      className="list-item-bankAccount"
-                      style={{
-                        transition: "background-color 0.3s ease",
-                      }}
-                      onMouseEnter={(e) =>
+              <List>
+                {filteredBankAccounts.map((bankAccount, index) => (
+                  <div key={bankAccount._id}>
+                    <ListItem>
+                      <ListItemButton
+                        className="list-item-bankAccount"
+                        style={{
+                          transition: "background-color 0.3s ease",
+                        }}
+                        onMouseEnter={(e) =>
                         (e.currentTarget.style.backgroundColor =
                           "rgba(0, 0, 0, 0.1)")
-                      }
-                      onMouseLeave={(e) =>
-                        (e.currentTarget.style.backgroundColor = "transparent")
-                      }
-                      onClick={() => handleItemClick(bankAccount)}
-                    >
-                      <ListItemText primary={bankAccount.name} />
-                    </ListItemButton>
-                  </ListItem>
-                  {index < filteredBankAccounts.length - 1 && <Divider />}
-                </div>
-              ))}
-            </List>
+                        }
+                        onMouseLeave={(e) =>
+                          (e.currentTarget.style.backgroundColor = "transparent")
+                        }
+                        onClick={() => handleItemClick(bankAccount)}
+                      >
+                        <ListItemText primary={bankAccount.name} />
+                      </ListItemButton>
+                    </ListItem>
+                    {index < filteredBankAccounts.length - 1 && <Divider />}
+                  </div>
+                ))}
+              </List>
+            </div>
           </div>
-        </div>
-      </section>
+        </section>
+      )
     )
   );
 }
diff --git a/src/Pages/Protected/Finance/BankAccountUpdate/index.jsx b/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, "update");
-  const canDelete = checkAction(permissions, "delete");
+  const canUpdate = checkAction("update");
+  const canDelete = checkAction("delete");
 
   const { user } = useAuth();
   const { id } = useParams(); // Pega o ID da URL
@@ -131,6 +131,8 @@ const BankAccountId = () => {
   };
 
   return user ? (
+    checkAction( "contas_bancarias_visualizar") && (
+
     <div className="container-benefits">
       <div className="forms-container-benefits">
         <h1>Visualização de Conta Bancária</h1>
@@ -256,7 +258,9 @@ const BankAccountId = () => {
         />
       </Modal>
     </div>
+    )  
   ) : null;
+
 };
 
 export default BankAccountId;
diff --git a/src/Pages/Protected/Finance/FinanceHubPage/index.jsx b/src/Pages/Protected/Finance/FinanceHubPage/index.jsx
@@ -4,6 +4,7 @@ import SecondaryButton from "../../../../Components/SecondaryButton";
 import sindpolLogo from "../../../../assets/sindpol-logo.png";
 import sentinelaLogo from "../../../../assets/sentinela-logo.png";
 import "./index.css";
+import { checkAction } from "../../../../Utils/permission";
 
 export default function Finance() {
   const { user } = useAuth();
@@ -36,22 +37,31 @@ export default function Finance() {
               src={sentinelaLogo}
               alt="Sentinela Logo"
             />
-            <SecondaryButton
-              text="Lista de Fornecedores"
-              onClick={handleFornecedoresListaClick}
-            />
-            <SecondaryButton
-              text="Lista de Contas Bancárias"
-              onClick={handleListaClick}
-            />
-            <SecondaryButton
-              text="Lista de Movimentações Financeiras"
-              onClick={handleMovimentacoesClick}
-            />
-            <SecondaryButton
-              text="Gerar relatório"
-              onClick={handleGeradorRelatorio}
-            />
+
+            {checkAction( "fornecedores_visualizar") && (
+              <SecondaryButton
+                text="Lista de Fornecedores"
+                onClick={handleFornecedoresListaClick}
+              />
+            )}
+            {checkAction( "contas_bancarias_visualizar") && (
+              <SecondaryButton
+                text="Lista de Contas Bancárias"
+                onClick={handleListaClick}
+              />
+            )}
+            {checkAction( "movimentacao_financeira_visualizar") && (
+              <SecondaryButton
+                text="Lista de Movimentações Financeiras"
+                onClick={handleMovimentacoesClick}
+              />
+            )}
+            {checkAction( "movimentacao_financeira_visualizar") && (
+              <SecondaryButton
+                text="Gerar relatório"
+                onClick={handleGeradorRelatorio}
+              />
+            )}
           </div>
         </div>
       </section>

diff --git a/src/Pages/Protected/FinancialMovements/FinancialList/index.jsx b/src/Pages/Protected/FinancialMovements/FinancialList/index.jsx
@@ -19,7 +19,7 @@ export default function FinancialList() {
   const [dataInicio, setDataInicio] = useState(null);
   const [dataFinal, setDataFinal] = useState(null);
   const permissions = usePermissions();
-  const canCreate = checkAction(permissions, "create");
+  const canCreate = checkAction( "create");
 
   const storagedUser = JSON.parse(localStorage.getItem("@App:user"));
 

diff --git a/src/Pages/Protected/FinancialMovements/FinancialUpdate/index.jsx b/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, "update");
-  const canDelete = checkAction(permissions, "delete");
+  const canUpdate = checkAction( "update");
+  const canDelete = checkAction( "delete");
 
   const navigate = useNavigate();
   const location = useLocation();