merge(staging)

.github/workflows/prod-ci.yml

@@ -62,7 +62,6 @@ jobs:
           echo "BACKEND_IMAGE_TAG=${{ github.sha }}" > .env
           echo "FRONTEND_IMAGE_TAG=${{ github.sha }}" >> .env
           echo "REGISTRY_USER=${{ github.repository_owner }}" >> .env
-          echo "BACK_API_URL=${{ secrets.BACK_API_URL }}" >> .env
 
           docker compose -f docker-compose.yml -f docker-compose.prod.yml up -d --remove-orphans --build
           docker image prune -af

docker-compose.prod.yml

@@ -10,8 +10,6 @@ services:
 
   frontend:
     image: ghcr.io/${REGISTRY_USER}/frontend:${FRONTEND_IMAGE_TAG}
-    environment:
-      - VITE_API_URL=${BACK_API_URL}
     ports:
       - "8081:80"
     restart: always

frontend/package.json

@@ -22,6 +22,7 @@
     "axios": "^1.9.0",
     "crypto-js": "^4.2.0",
     "crypto.js": "^3.3.4",
+    "daisyui": "^5.0.54",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-hook-form": "^7.57.0",

frontend/src/App.jsx

@@ -1,15 +1,11 @@
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
 import { Suspense } from 'react';
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
-import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
-import { Suspense } from 'react';
 import Home from './pages/Home';
 import NotFound from './pages/NotFound';
 import CadastroUsuario from './pages/CadastroUsuario';
 import CadastroEvento from './pages/CadastroEvento';
 import ValidacaoPeriodico from './pages/ValidacaoPeriodico';
-import GerenciadorCadastros from './pages/GerenciadorCadastros';
 import RegistrosPendentes from './pages/RegistrosPendentes';
 import RevisaoCadastroEvento from './pages/RevisaoCadastroEvento';
 import CadastroPeriodico from './pages/CadastroPeriodico';
@@ -18,7 +14,6 @@ import ConsultaEventosPeriodicos from './pages/ConsultaEventosPeriodicos';
 import VisualizarPeriodico from './pages/VisualizarPeriodico';
 import VisualizarEvento from './pages/VisualizarEvento';
 import Login from './pages/Login';
-import HeaderSistema from './components/HeaderSistema';
 import VisualizarGraficos from './pages/VisualizarGraficos';
 import AuditoriaLogs from './pages/AuditoriaLogs';
 
@@ -41,7 +36,7 @@ const App = () => {
   return (
     <QueryClientProvider client={queryClient}>
       <Router>
-        <div className="App w-screen h-screen">
+        <div className="App w-screen min-h-screen bg-base-300">
           <main>
             <Suspense fallback={<LoadingComponent />}>
               <Routes>
@@ -65,10 +60,6 @@ const App = () => {
                   path="/validacao-cadastro"
                   element={<ValidacaoPeriodico />}
                 />
-                <Route
-                  path="/cadastro-pendente"
-                  element={<GerenciadorCadastros />}
-                />
                 <Route
                   path="/visualizar-graficos"
                   element={<VisualizarGraficos />}

frontend/src/components/AdequacaoDefesa.jsx

@@ -21,10 +21,8 @@ const AdequacaoDefesa = ({ adequacaoDefesa }) => {
   };
 
   return (
-    <div className="p-4 rounded-lg shadow-sm bg-white my-4">
-      <h4 className="text-gray-800 font-semibold text-lg mb-2">
-        Adequação para Defesa
-      </h4>
+    <div className="p-4 rounded-lg shadow-sm my-4">
+      <h4 className="font-semibold text-lg mb-2">Adequação para Defesa</h4>
       <p className={getAdequacaoStyle(adequacaoDefesa)}>
         {formatarAdequacao(adequacaoDefesa)}
       </p>

frontend/src/components/ErrorPopup.jsx

@@ -56,127 +56,60 @@ function ErrorPopup({ isOpen, onClose, title, message, type = 'error' }) {
     }
   }, [isOpen]);
 
-  const getIconColor = itemType => {
+  const getAlertClass = itemType => {
     switch (itemType) {
       case 'error':
-        return 'text-red-600';
+        return 'alert-error';
       case 'warning':
-        return 'text-red-600';
+        return 'alert-warning';
       case 'info':
-        return 'text-red-600';
+        return 'alert-info';
       default:
-        return 'text-red-600';
-    }
-  };
-
-  const getBorderColor = itemType => {
-    switch (itemType) {
-      case 'error':
-        return 'border-l-red-600';
-      case 'warning':
-        return 'border-l-red-600';
-      case 'info':
-        return 'border-l-red-600';
-      default:
-        return 'border-l-red-600';
+        return 'alert-error';
     }
   };
 
   return (
-    <div
-      className="fixed top-4 left-1/2 transform -translate-x-1/2 z-50 space-y-2 w-full max-w-2xl px-4"
-      style={{ pointerEvents: 'none' }}
-    >
+    <div className="toast toast-top toast-center z-50">
       {transitions((style, item) => (
         <div
           style={{
             ...style,
-            pointerEvents: 'auto',
             willChange: 'transform, opacity, height',
           }}
-          className={`bg-yellow-100 rounded-lg shadow-xl border-l-4 ${getBorderColor(item.type)} w-full overflow-hidden`}
+          className={`alert ${getAlertClass(item.type)} shadow-lg max-w-2xl`}
+          ref={ref => ref && refMap.set(item, ref)}
         >
-          <div ref={ref => ref && refMap.set(item, ref)} className="p-3 py-2">
-            <div className="flex items-center justify-between">
-              <div className="flex items-center space-x-3 flex-1">
-                <div className={`${getIconColor(item.type)}`}>
-                  {item.type === 'error' && (
-                    <svg
-                      className="w-5 h-5"
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                    >
-                      <path
-                        fillRule="evenodd"
-                        d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z"
-                        clipRule="evenodd"
-                      />
-                    </svg>
-                  )}
-                  {item.type === 'warning' && (
-                    <svg
-                      className="w-5 h-5"
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                    >
-                      <path
-                        fillRule="evenodd"
-                        d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z"
-                        clipRule="evenodd"
-                      />
-                    </svg>
-                  )}
-                  {item.type === 'info' && (
-                    <svg
-                      className="w-5 h-5"
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                    >
-                      <path
-                        fillRule="evenodd"
-                        d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
-                        clipRule="evenodd"
-                      />
-                    </svg>
-                  )}
-                </div>
-                <div className="flex-1 min-w-0">
-                  <h3 className="text-sm font-medium text-red-600 mb-1">
-                    {item.title}
-                  </h3>
-                  <p className="text-sm text-red-600 leading-relaxed">
-                    {item.message}
-                  </p>
-                </div>
-              </div>
-              <button
-                onClick={() => {
-                  if (cancelMap.has(item)) {
-                    cancelMap.get(item)();
-                  }
-                  // Clear the items state and reset flags
-                  setItems([]);
-                  setHasShownCurrent(false);
-                  onClose(); // Call onClose to update parent state
-                }}
-                className="!px-3 !py-2 !bg-red-500 hover:!bg-red-600 !text-white !border-0 !rounded-none focus:!outline-none focus:!ring-2 focus:!ring-red-500 focus:!ring-opacity-50 transition-colors duration-200 font-medium text-sm flex-shrink-0"
-                style={{ fontFamily: 'Poppins', fontWeight: '400' }}
+          <div>
+            <span className="font-bold">{item.title}</span>
+            <div className="text-sm">{item.message}</div>
+          </div>
+          <div className="flex-none">
+            <button
+              onClick={() => {
+                if (cancelMap.has(item)) {
+                  cancelMap.get(item)();
+                }
+                setItems([]);
+                setHasShownCurrent(false);
+                onClose();
+              }}
+              className="btn btn-sm btn-ghost"
+            >
+              <svg
+                className="w-4 h-4"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke="currentColor"
               >
-                <svg
-                  className="w-4 h-4"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                  stroke="currentColor"
-                >
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth={2}
-                    d="M6 18L18 6M6 6l12 12"
-                  />
-                </svg>
-              </button>
-            </div>
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth={2}
+                  d="M6 18L18 6M6 6l12 12"
+                />
+              </svg>
+            </button>
           </div>
         </div>
       ))}

frontend/src/components/EventPeriodDropdown.jsx

@@ -25,7 +25,7 @@ export default function EventPeriodDropdown() {
   return (
     <div className="relative" ref={dropdownRef}>
       <div
-        className="block py-2 px-3 text-black bg-white border border-black rounded-none hover:bg-gray-100 transition-colors cursor-pointer"
+        className="block py-2 px-3 btn btn-soft btn-primary"
         onClick={() => setOpen(prev => !prev)}
         role="button"
         tabIndex={0}
@@ -42,18 +42,18 @@ export default function EventPeriodDropdown() {
         </span>
       </div>
       {open && (
-        <div className="absolute left-0 mt-2 min-w-full bg-white border border-black rounded-none shadow-lg z-50">
+        <div className="absolute left-0 w-4/5">
           <Link
             to="/cadastro-evento"
-            className="block px-4 py-2 text-black hover:bg-gray-100"
+            className="px-4 py-2 min-w-full btn btn-soft btn-primary rounded-none"
             onClick={() => setOpen(false)}
             aria-current="page"
           >
             Cadastrar Eventos
           </Link>
           <Link
             to="/cadastro-periodico"
-            className="block px-4 py-2 text-black hover:bg-gray-100"
+            className="block px-4 py-2 btn btn-soft btn-primary rounded-none"
             onClick={() => setOpen(false)}
             aria-current="page"
           >