formate

src/Components/Layout/Navbar/MenuItem.tsx

@@ -25,7 +25,10 @@ export const MenuItem = ({ item, location, index }: any) => {
         <i>{item.icon}</i>
         <Link to={item.path || "/"}>{t(item.text)}</Link>
         {item?.children && (
-          <DropdownToggle isOpen={isDropdownOpen} onClick={() => handleDropdown(index)} />
+          <DropdownToggle
+            isOpen={isDropdownOpen}
+            onClick={() => handleDropdown(index)}
+          />
         )}
       </div>
 

src/Components/Layout/Navbar/NavBarRightSide.tsx

@@ -1,17 +1,17 @@
-import React from 'react'
+import React from "react";
-import { getLocalStorage } from '../../../utils/LocalStorage';
+import { getLocalStorage } from "../../../utils/LocalStorage";
-import { USER_KEY } from '../../../config/AppKey';
+import { USER_KEY } from "../../../config/AppKey";
-import { translateOptions } from '../../../utils/translatedOptions';
+import { translateOptions } from "../../../utils/translatedOptions";
-import { search_array } from '../../../Routes';
+import { search_array } from "../../../Routes";
-import { useTranslation } from 'react-i18next';
+import { useTranslation } from "react-i18next";
-import SearchFieldWithSelect from '../../DataTable/SearchFieldWithSelect';
+import SearchFieldWithSelect from "../../DataTable/SearchFieldWithSelect";
-import { Tooltip } from 'antd';
+import { Tooltip } from "antd";
-import useModalHandler from '../../../utils/useModalHandler';
+import useModalHandler from "../../../utils/useModalHandler";
-import { ModalEnum } from '../../../enums/Model';
+import { ModalEnum } from "../../../enums/Model";
-import Image from '../../Ui/Image';
+import Image from "../../Ui/Image";
 const NavBarRightSide = () => {
   const userData = getLocalStorage(USER_KEY);
-    const [t] = useTranslation()
+  const [t] = useTranslation();
   const translateArray = translateOptions(search_array, t);
 
   const { handel_open_model } = useModalHandler();
@@ -32,7 +32,11 @@ const NavBarRightSide = () => {
         </div>
         <Tooltip
           placement="top"
-        title={<div onClick={handleEdit}>{t("header.change_your_current_password")}</div>}
+          title={
+            <div onClick={handleEdit}>
+              {t("header.change_your_current_password")}
+            </div>
+          }
           color="#E0E0E0"
         >
           <div className="gear">
@@ -48,7 +52,7 @@ const NavBarRightSide = () => {
         <Image src="/Layout/DefaultStudentImage.png" alt="Profile" />
       </div>
     </article>
-  )
+  );
-}
+};
 
-export default NavBarRightSide
+export default NavBarRightSide;

src/Components/Layout/Navbar/SubMenu.tsx

@@ -10,7 +10,12 @@ const SubMenu: React.FC<SubMenuProps> = ({ items, location }) => {
   return (
     <div className="sub-menu">
       {items.map((childItem, index) => (
-        <MenuItem key={index} item={childItem} location={location} index={index} />
+        <MenuItem
+          key={index}
+          item={childItem}
+          location={location}
+          index={index}
+        />
       ))}
     </div>
   );

src/Components/Layout/SideBar/MenuItem.tsx

@@ -60,4 +60,4 @@ export const MenuItem = ({ item, location, index }: any) => {
       )}
     </>
   );
-  };
+};

src/Components/Routes/RenderRouteElement.tsx

@@ -10,10 +10,6 @@ export const RenderRouteElement = (route: any) => (
       </Layout>
     }
   >
-      {route.header ? (
+    {route.header ? <Layout>{route.element}</Layout> : route.element || <></>}
-        <Layout>{route.element}</Layout>
-      ) : (
-        route.element || <></>
-      )}
   </Suspense>
-  );
+);

src/Components/Routes/RenderRoutesRecursively.tsx

@@ -16,5 +16,4 @@ export const renderRoutesRecursively = (routes: TMenuItem[]) =>
         {route.children && renderRoutesRecursively(route.children)}
       </React.Fragment>
     );
-
   });

src/Layout/Ui/Layout.tsx

@@ -10,9 +10,7 @@ const Layout = ({
   children: React.ReactNode;
   className?: string;
 }) => {
-
   return (
-
     <ProtectedRouteProvider className="Layout">
       <main className={`${className} Layout_Body`}>
         <NavBar />
@@ -20,7 +18,6 @@ const Layout = ({
       </main>
       <SideBar />
     </ProtectedRouteProvider>
-   
   );
 };
 

src/Layout/Ui/NavBar.tsx

@@ -17,7 +17,6 @@ const NavBar = () => {
   const navigate = useNavigate();
   const PrevPath = getPrevPathRoute(location.pathname);
 
-
   const handelNavigate = () => {
     if (PrevPath === 0) {
       return;
@@ -25,14 +24,13 @@ const NavBar = () => {
     navigate(deletePathSegments(location.pathname, PrevPath));
   };
 
-
   return (
     <div className="NavBar">
       <span className="navbar_link" onClick={handelNavigate}>
         <MdOutlineArrowForwardIos /> {PageTitle}
       </span>
-      <NavBarRightSide/>
+      <NavBarRightSide />
-      <Suspense fallback={<SpinContainer/>}>
+      <Suspense fallback={<SpinContainer />}>
         <ChangePasswordModel />
       </Suspense>
     </div>

src/Layout/Ui/SideBar.tsx

@@ -10,8 +10,6 @@ import { getLocalStorage } from "../../utils/LocalStorage";
 import { BRANCH_OBJECT_KEY } from "../../config/AppKey";
 import { MenuItem } from "../../Components/Layout/SideBar/MenuItem";
 
-
-
 const SideBar = () => {
   const location = useLocation();
 

src/ProviderContainer.tsx

@@ -11,14 +11,9 @@ function ProviderContainer({ children }: ChildrenType) {
       <I18nProvider>
         <QueryProvider>
           <ToastProvider>
-          <AntdProvider>
+            <AntdProvider>{children}</AntdProvider>
-
-            {children}
-          </AntdProvider>
-  
           </ToastProvider>
         </QueryProvider>
- 
       </I18nProvider>
     </BrowserRouter>
   );

src/Styles/Pages/Division.scss

@@ -70,7 +70,6 @@
       color: black;
     }
   }
-
 }
 .ModelBodyForm {
   padding: 2vw;

src/api/helper/useAxios.ts

@@ -1,4 +1,3 @@
-
 import useAuthState from "../../zustand/AuthState";
 import { BaseURL, HEADER_KEY } from "../config";
 import AxiosBuilder from "./AxiosBuilder";

src/enums/LocalStorageEnum.ts

@@ -1,7 +1,6 @@
 export enum LocalStorageEnum {
-    PROJECT_NAME = 'SCHOOL_DASHBOARD_EXERCISE',
+  PROJECT_NAME = "SCHOOL_DASHBOARD_EXERCISE",
-    LANGUAGE_KEY = LocalStorageEnum.PROJECT_NAME + '_LANGUAGE',
+  LANGUAGE_KEY = LocalStorageEnum.PROJECT_NAME + "_LANGUAGE",
-    TOKEN_KEY = LocalStorageEnum.PROJECT_NAME + '_TOKEN_KEY',
+  TOKEN_KEY = LocalStorageEnum.PROJECT_NAME + "_TOKEN_KEY",
-    USER_KEY = LocalStorageEnum.PROJECT_NAME + '_USER_KEY',
+  USER_KEY = LocalStorageEnum.PROJECT_NAME + "_USER_KEY",
-  }
+}
-  

src/lib/AntdProvider.tsx

@@ -1,4 +1,4 @@
-import { ConfigProvider } from 'antd';
+import { ConfigProvider } from "antd";
 
 function AntdProvider({ children }: { children: React.ReactNode }) {
   const primaryColor = "#3182ce";

src/lib/I18nProvider.tsx

@@ -1,6 +1,6 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode } from "react";
-import { I18nextProvider } from 'react-i18next';
+import { I18nextProvider } from "react-i18next";
-import i18n from './i18nConfig'; // Import the configured i18n instance
+import i18n from "./i18nConfig"; // Import the configured i18n instance
 
 interface I18nProviderProps {
   children: ReactNode;

src/lib/ProtectedRouteProvider.tsx

@@ -6,7 +6,10 @@ interface ProtectedRouteProviderProps extends React.HTMLProps<HTMLDivElement> {
   children: React.ReactNode;
 }
 
-function ProtectedRouteProvider({ children, ...props }: ProtectedRouteProviderProps) {
+function ProtectedRouteProvider({
+  children,
+  ...props
+}: ProtectedRouteProviderProps) {
   const navigate = useNavigate();
   const { isAuthenticated } = useAuthState();
 
@@ -16,11 +19,7 @@ function ProtectedRouteProvider({ children, ...props }: ProtectedRouteProviderPr
     }
   }, [isAuthenticated, navigate]);
 
-  return (
+  return <div {...props}>{children}</div>;
-    <div {...props}>
-      {children}
-    </div>
-  );
 }
 
 export default ProtectedRouteProvider;

src/lib/i18nConfig.tsx

@@ -1,6 +1,6 @@
-import i18n from 'i18next';
+import i18n from "i18next";
-import { initReactI18next } from 'react-i18next';
+import { initReactI18next } from "react-i18next";
-import translationAR from '../translate/ar.json';
+import translationAR from "../translate/ar.json";
 
 const resources = {
   ar: {
@@ -10,7 +10,7 @@ const resources = {
 
 i18n.use(initReactI18next).init({
   resources,
-  lng: 'ar', // Set the default language
+  lng: "ar", // Set the default language
   interpolation: {
     escapeValue: false,
   },