Autosave: 20260312-110155

braces.txt

@@ -0,0 +1 @@
+{{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}}

frontend/src/components/AsideMenuLayer.tsx

@@ -3,10 +3,9 @@ import { mdiLogout, mdiClose } from '@mdi/js'
 import BaseIcon from './BaseIcon'
 import AsideMenuList from './AsideMenuList'
 import { MenuAsideItem } from '../interfaces'
-import { useAppSelector } from '../stores/hooks'
+import { useAppSelector , useAppDispatch } from '../stores/hooks'
 import Link from 'next/link';
 
-import { useAppDispatch } from '../stores/hooks';
 import { createAsyncThunk } from '@reduxjs/toolkit';
 import axios from 'axios';
 

frontend/src/components/NavBarItem.tsx

@@ -1,6 +1,5 @@
-import React, {useEffect, useRef} from 'react'
+import React, {useEffect, useRef, useState } from 'react'
 import Link from 'next/link'
-import { useState } from 'react'
 import { mdiChevronUp, mdiChevronDown } from '@mdi/js'
 import BaseDivider from './BaseDivider'
 import BaseIcon from './BaseIcon'

frontend/src/css/_table.css

@@ -8,8 +8,7 @@
   }
 
   tr {
-    @apply max-w-full block relative border-b-4 border-gray-100
+    @apply max-w-full block relative border-b-4 border-gray-100 md:table-row md:border-b-0 dark:border-slate-800;
-      md:table-row md:border-b-0 dark:border-slate-800;
   }
 
   tr:last-child {
@@ -31,34 +30,32 @@
   th.sortable:hover:after {
     transition: all 1s;
     position: absolute;
-
     content: "↕";
-
     margin-left: 1rem;
   }
 
   th.sortable.asc:hover:after {
     content: "↑";
   }
+
   th.sortable.desc:hover:after {
     content: "↓";
   }
 
   td {
-    @apply flex justify-between text-right py-3 px-4 align-top border-b border-gray-100
+    @apply flex justify-between text-right py-3 px-4 align-top border-b border-gray-100 md:table-cell md:text-left md:p-3 md:align-middle md:border-b-0 dark:border-slate-800 dark:text-white;
-      md:table-cell md:text-left md:p-3 md:align-middle md:border-b-0 dark:border-slate-800 dark:text-white;
   }
 
   td:last-child {
     @apply border-b-0;
   }
 
-  tbody tr, tbody tr:nth-child(odd) {
+  tbody tr.odd {
     @apply md:hover:bg-pavitra-300/70;
   }
 
-  tbody tr:nth-child(even) {
+  tbody tr.even {
-    @apply md:bg-pavitra-300  dark:bg-pavitra-300/70;
+    @apply md:bg-pavitra-300 dark:bg-pavitra-300/70;
   }
 
   td:before {
@@ -67,44 +64,42 @@
   }
 
   tbody tr td {
-    @apply text-sm font-normal text-pavitra-900  dark:text-white;
+    @apply text-sm font-normal text-pavitra-900 dark:text-white;
   }
 
   .datagrid--table, .MuiDataGrid-root {
     @apply rounded border-none !important;
-    
   }
 
   .datagrid--header {
-    @apply uppercase  !important;
+    @apply uppercase !important;
   }
 
   .datagrid--header,
   .datagrid--header .MuiIconButton-root,
   .datagrid--cell,
   .datagrid--cell .MuiIconButton-root {
-    @apply  dark:text-white;
+    @apply dark:text-white;
   }
 
   .datagrid--cell .MuiDataGrid-booleanCell {
-    @apply  dark:text-white !important;
+    @apply dark:text-white !important;
   }
 
   .datagrid--cell .MuiIconButton-root:hover {
-    @apply  dark:text-white dark:bg-dark-700;
+    @apply dark:text-white dark:bg-dark-700;
   }
 
   .datagrid--row {
     @apply even:bg-gray-100 dark:even:bg-[#1B1D22] dark:odd:bg-dark-900 !important;
   }
 
-
   .datagrid--table .MuiTablePagination-root {
-    @apply  dark:text-white;
+    @apply dark:text-white;
   }
 
   .datagrid--table .MuiTablePagination-root .MuiButtonBase-root:disabled {
-    @apply   dark:text-dark-700;
+    @apply dark:text-dark-700;
   }
 
   .datagrid--table .MuiTablePagination-root .MuiButtonBase-root:hover {
@@ -112,6 +107,6 @@
   }
 
   .MuiButton-colorInherit {
-    @apply text-blue-600  dark:text-dark-700 !important;
+    @apply text-blue-600 dark:text-dark-700 !important;
   }
 }

frontend/src/layouts/Authenticated.tsx

@@ -1,5 +1,4 @@
-import React, { ReactNode, useEffect } from 'react'
+import React, { ReactNode, useEffect , useState } from 'react'
-import { useState } from 'react'
 import jwt from 'jsonwebtoken';
 import { mdiForwardburger, mdiBackburger, mdiMenu } from '@mdi/js'
 import menuAside from '../menuAside'

frontend/src/pages/search.tsx

@@ -1,9 +1,8 @@
 import React, { ReactElement, useEffect, useState } from 'react';
 import Head from 'next/head';
 import 'react-datepicker/dist/react-datepicker.css';
-import { useAppDispatch } from '../stores/hooks';
+import { useAppDispatch , useAppSelector } from '../stores/hooks';
 
-import { useAppSelector } from '../stores/hooks';
 
 import { useRouter } from 'next/router';
 import LayoutAuthenticated from '../layouts/Authenticated';