.env

@@ -1 +0,0 @@
-VITE_BASE_URL="https://nerd-back.point-dev.net/api/"

.env.example

@@ -1 +0,0 @@
-REACT_APP_BASE_URL=

package-lock.json

@@ -12782,6 +12782,7 @@
       "version": "2.0.15",
       "resolved": "https://registry.npmjs.org/react-qr-code/-/react-qr-code-2.0.15.tgz",
       "integrity": "sha512-MkZcjEXqVKqXEIMVE0mbcGgDpkfSdd8zhuzXEl9QzYeNcw8Hq2oVIzDLWuZN2PQBwM5PWjc2S31K8Q1UbcFMfw==",
+      "license": "MIT",
       "dependencies": {
         "prop-types": "^15.8.1",
         "qr.js": "0.0.0"

src/Components/Routes/RenderRoutesRecursively.tsx

@@ -10,7 +10,6 @@ export const renderRoutesRecursively = (routes: TMenuItem[]) =>
     if (!useAbility) {
       return false;
     }
-    
     return (
       <React.Fragment key={route.path}>
         <Route path={route.path} element={RenderRouteElement(route)} />

src/Components/Ui/ReportTableIcon.tsx

@@ -1,22 +0,0 @@
-import { Tooltip } from 'antd'
-import React from 'react'
-import { useTranslation } from 'react-i18next';
-import { FaPaperclip } from 'react-icons/fa'
-
-interface ReportButtonsProps {
-    editTooltipTitle?: any;
-    onClick?: () => void;
-  }
-
-const ReportTableIcon = ({editTooltipTitle,onClick}:ReportButtonsProps) => {
-    const {t} = useTranslation();
-  return (
-    <Tooltip placement="top" title={t(editTooltipTitle)} color="#E0E0E0">
-        <span onClick={onClick}>
-        <FaPaperclip size={22} style={{ color: "#A098AE" }} />
-        </span>
-    </Tooltip>
-  )
-}
-
-export default ReportTableIcon

src/Layout/Dashboard/PageHeader.tsx

@@ -14,8 +14,7 @@ const PageHeader = ({
   pageTitle,
   openModel = true,
   locationToNavigate,
-  addModal = true,
-  modelButtonTitle = "add",
+  addModal = true
 }: {
   canAdd?: any;
   ModelAbility?: any;
@@ -23,7 +22,6 @@ const PageHeader = ({
   openModel?: boolean;
   locationToNavigate?: string | any;
   addModal?:boolean;
-  modelButtonTitle?:string
 }) => {
   const navigate = useNavigate();
   const { handel_open_model } = useModalHandler();
@@ -59,7 +57,7 @@ const PageHeader = ({
               className="add_button"
             >
               <BsPlusCircleFill />
-              {t(`practical.${modelButtonTitle}`)}
+              {t(`practical.add`)}
             </button>
           </div>
         ) :""}

src/Layout/Dashboard/QrCodeModels.tsx

@@ -42,7 +42,7 @@ const QrCodeModels: React.FC<ModalFormProps> = ({
 
       <main className="main_modal">
         <div className="ValidationField w-100 mb-5 ">
-          <QRCodeGenerator url = {`https://nerd-back.point-dev.net/api/students/question`} serial={objectToEdit?.serial}/>
+          <QRCodeGenerator url = {`https://nerd-back.point-dev.net/api/students/question`} serial={objectToEdit.serial}/>
         </div>
       </main>
     </Modal>

src/Pages/Admin/Notifications/AddNotification/Page.tsx

@@ -32,9 +32,7 @@ const TableHeader = () => {
           pageTitle="notification"
           ModelAbility={ModalEnum?.NOTIFICATION_ADD}
           canAdd={canAddNotification}
-          modelButtonTitle="add_notification"
         />
-        
         <FilterLayout sub_children={<FilterForm />} filterTitle="table.notification" />
         <Table />
         <AddModalForm />

src/Pages/Admin/Notifications/AddNotification/useTableColumns.tsx

@@ -40,11 +40,19 @@ export const useColumns = () => {
 
   const columns: TableColumnsType<Notification> = [
     {
-      title: t("columns.created_at"),
-      dataIndex: "created_at",
-      key: "created_at",
+      title: t("columns.id"),
+      dataIndex: "id",
+      key: "id",
       align: "center",
-      render: (_text, record) => record?.created_at,
+      render: (_text, record) => record?.id,
+    },
+    {
+      title: `${t("columns.body")}`,
+      dataIndex: "body",
+      key: "body",
+      align: "center",
+      render: (_text, record) => record?.body,
+      ellipsis:true
     },
     {
       title: `${t("columns.seen")}`,
@@ -54,14 +62,6 @@ export const useColumns = () => {
       render: (_text, record) => record?.seen,
       ellipsis:true
     },
-    {
-      title: `${t("columns.title")}`,
-      dataIndex: "title",
-      key: "title",
-      align: "center",
-      render: (_text, record) => record?.title,
-      ellipsis:true
-    },
     {
       title: `${t("columns.notifiable_type")}`,
       dataIndex: "notifiable_type",
@@ -71,12 +71,23 @@ export const useColumns = () => {
       ellipsis:true
     },
     {
-      title: `${t("columns.body")}`,
-      dataIndex: "body",
-      key: "body",
+
+      title: t("columns.procedure"),
+      key: "actions",
       align: "center",
-      render: (_text, record) => record?.body,
-      // ellipsis:true
+      width: "25vw",
+      render: (_text, record, index) => {
+        return (
+          <ActionButtons
+            canDelete={canDeleteNotification}
+            canEdit={canEditNotification}
+            index={index}
+            onDelete={() => handelDelete(record)}
+            onEdit={() => handleEdit(record)}
+            onShow={() => handelShow(record)}
+          />
+        );
+      },
     },
   ];
 

src/Pages/Admin/Notifications/Card.tsx

@@ -1,7 +1,11 @@
+import TrashButton from "../../../Components/Ui/TrashButton"
 import { notifications } from "../../../types/Notifications"
 
 
-const Card = ({name,date,image,id}:notifications) => {
+const Card = ({name,date,image,id,pop,setPop}:notifications) => {
+    const handleDeleteOne = () => {
+        setPop(pop?.filter((item:any)=> item?.id !== id))
+    }
     
   return (
         <div className="notification_card" key={id}>
@@ -12,6 +16,12 @@ const Card = ({name,date,image,id}:notifications) => {
                     <p>{date}</p>
                 </div>
             </div>
+            <div>
+                <TrashButton 
+                 onClick={handleDeleteOne} 
+                 name="delete"
+                 icon={false}/>
+            </div>
         </div>  
     )
 }

src/Pages/Admin/Notifications/Page.tsx

@@ -1,32 +1,48 @@
 import { Divider } from 'antd';
 import { useTranslation } from 'react-i18next'
+import { NotificationArray } from './NotificationArray';
 import { notifications } from '../../../types/Notifications';
 import Card from './Card';
-import { useGetAllNotificationMine } from '../../../api/notification';
+import TrashButton from '../../../Components/Ui/TrashButton';
+import { useEffect, useState } from 'react';
 
 const Page = () => {
     const {t} = useTranslation(); 
-    const {data} = useGetAllNotificationMine();
-    console.log(data);
+    const [pop, setPop] = useState(NotificationArray);
+    const [isEmpty, setIsEmpty] = useState(pop.length < 1 ? true : false);
 
+    const handleDeleteAll = () => {
+        setPop([])
+    }
+
+    useEffect(()=>{
+        if(pop.length < 1){
+            setIsEmpty(true);
+        }else{
+            setIsEmpty(false);
+        }
+    },[pop])
   return (
     <div className='notification_container'>
         <div className='notification_header'>
             <h3>{t("header.notifications")}</h3>
-
+            <TrashButton 
+            onClick={handleDeleteAll} 
+             name='delete_all'/>
         </div>
         <Divider/>
         {
-            !!data?.data  
+            isEmpty === false 
             ?
             <div className="notification_body">
-                {data?.data?.map((not:notifications)=>(
+                {pop?.map((not:notifications)=>(
                     <Card
                     id={not?.id}
                     name={not?.name} 
                     date={not?.date} 
-                    image={not?.image}
-                    />
+                    pop={pop}
+                    setPop={setPop}
+                    image={not?.image}/>
                 ))}
             </div>
             :

src/Pages/Admin/QuestionBank/useTableColumns.tsx

@@ -12,9 +12,6 @@ import {
 } from "../../../utils/hasAbilityFn";
 import ActionButtons from "../../../Components/Table/ActionButtons";
 import { useFilterStateState } from "../../../zustand/Filter";
-import { FaPaperclip } from "react-icons/fa";
-import { ParamsEnum } from "../../../enums/params";
-import ReportTableIcon from "../../../Components/Ui/ReportTableIcon";
 
 export const useColumns = () => {
   const { setObjectToEdit } = useObjectToEdit((state) => state);
@@ -27,13 +24,6 @@ export const useColumns = () => {
     setIsOpen(ModalEnum?.QUESTION_DELETE);
   };
 
-  
-  const handleNavigateToReport = (record: any) => {
-    setFilter({})
-    // console.log(record);
-    
-    navigate(`/report/${record?.report?.id}`);
-  };
   const handleEdit = (record: any) => {
     console.log(record,"record");
       const lesson = record?.lessons?.[0] ;
@@ -180,9 +170,8 @@ export const useColumns = () => {
       key: "actions",
       align: "center",
 
-      render: ({_text, record, index}:any) => {
+      render: (_text, record, index) => {
         return (
-          <div className="flex">
           <ActionButtons
             canDelete={canDeleteQuestion}
             canEdit={canEditQuestion}
@@ -190,12 +179,6 @@ export const useColumns = () => {
             onDelete={() => handelDelete(record)}
             onEdit={() => handleEdit(record)}
           />
-          {
-            !!record?.report?.content  
-              ? <ReportTableIcon editTooltipTitle='practical.with_report' onClick={() => handleNavigateToReport(record)}/>
-              : ""
-          }
-          </div>
         );
       },
     },

src/Pages/Admin/Report/Show/ReportInfo.tsx

@@ -10,7 +10,6 @@ const ReportInfo = () => {
     const {data} = useGetAllReport({
         show:report_id
     })
-    
     const {t} = useTranslation();
 
   return (

src/Pages/Admin/Report/Table.tsx

@@ -4,15 +4,12 @@ import { useColumns } from "./useTableColumns";
 import { useGetAllReport } from "../../../api/report";
 import { useFilterState } from "../../../Components/Utils/Filter/FilterState";
 import { useFilterStateState } from "../../../zustand/Filter";
-import { useParams } from "react-router-dom";
-import { ParamsEnum } from "../../../enums/params";
 const App: React.FC = () => {
   const { filterState } = useFilterState();
 
   const { Filter } = useFilterStateState();
   const name = Filter?.name ; 
   const sort_by = Filter?.sort_by ; 
-  const { question_id } = useParams<ParamsEnum>();
 
 
   const response = useGetAllReport({
@@ -20,7 +17,6 @@ const App: React.FC = () => {
     sort_by,
     pagination: true,
     ...filterState,
-    question_id:question_id
   });
 
   return <DataTable response={response} useColumns={useColumns} />;

src/Pages/Admin/Reseller/Add/Page.tsx

@@ -49,14 +49,14 @@ const TableHeader = () => {
             validationSchema={getValidationSchema}
             onSubmit={handleSubmit}
           >
-            {({ dirty }) => ( 
+            {({ resetForm }) => ( 
                 <Form className="Form_details_container">
                     <PersonalDetailsForm />
                     <TitleDetailsForm />
                     <AttachmentForm />
                     <div className="resellerButton">
                         <button type="button" onClick={() => Navigate('/reseller')}>{t("practical.cancel")}</button>
-                        <button type="submit" disabled={!dirty}>
+                        <button type="submit">
                             {t("practical.add")} {t("models.reseller")}
                             {status === QueryStatusEnum.LOADING && (
                               <span className="Spinier_Div">

src/Pages/Admin/Reseller/Edit/Page.tsx

@@ -25,6 +25,7 @@ const TableHeader = ({canEdit,ModelAbility}:{canEdit?: any;ModelAbility?: any;})
   useSetPageTitle(t(`page_header.add_reseller`));
   
   const handleSubmit = (values: any) => {
+    console.log(values);
     
     const DataToSend = {
         ...values,
@@ -61,14 +62,14 @@ const TableHeader = ({canEdit,ModelAbility}:{canEdit?: any;ModelAbility?: any;})
             validationSchema={getValidationSchema}
             onSubmit={handleSubmit}
           >
-          {({ dirty }) => ( 
+          {({ resetForm }) => ( 
             <Form className="Form_details_container">
               <PersonalDetailsForm isEdit={true} />
               <TitleDetailsForm />
               <AttachmentForm />
               <div className="resellerButton">
                 <button type="button" onClick={()=>Navigate('/reseller')}>{t("practical.cancel")}</button>
-                <button type="submit" disabled={!dirty}>
+                <button type="submit">
                   {t("practical.edit")} {t("models.reseller")}
                   {status === QueryStatusEnum.LOADING && (
                     <span className=" reseller_spinner_div">

src/Pages/Auth/LoginForm.tsx

@@ -8,14 +8,12 @@ import { FormValues } from "../../types/Auth";
 import { useTranslation } from "react-i18next";
 import { getLocalStorage } from "../../utils/LocalStorage";
 import { USER_KEY } from "../../config/AppKey";
-import { toast } from "react-toastify";
 
 const LoginForm = () => {
   const { mutate, isLoading, isSuccess, data } = useLoginAdmin();
   const [t] = useTranslation();
   const handelSubmit = (values: FormValues) => {
     mutate(values);
-        
     // localStorage.setItem('type',)
   };
 

src/Routes.tsx

@@ -439,15 +439,6 @@ export const CrudRoute: TCrudRoute[] = [
     prevPath: 0,
 
   },
-  // report based on question id
-  {
-    header: "page_header.report",
-    element: <Report />,
-    path: `/${ABILITIES_ENUM?.Report}/${ParamsEnum?.QUESTION_ID}`  ,
-    abilities: ABILITIES_ENUM?.Report,
-    abilities_value: ABILITIES_VALUES_ENUM.INDEX,
-    prevPath: 0,
-  },
 ];
 
 export const AppRoutes: Record<string, string> = Object.fromEntries(

src/Styles/App/classNames.scss

@@ -4,7 +4,6 @@
   padding: 20px 2vw;
   border-radius: 10px;
 }
-
 .TowItemField {
   display: flex;
   gap: 4%;
@@ -13,7 +12,6 @@
     width: 48%;
   }
 }
-
 .small_section {
   background: var(--bg);
   @include Shadow;
@@ -318,4 +316,3 @@ button:disabled {
     height: 40px;
   }
 }
-

src/Styles/Pages/reSeller.scss

@@ -106,28 +106,18 @@
 }
 
 .reseller_spinner_div{
-  z-index: 999;
   position: absolute;
-  width: 100% !important;
-  height: 100%;
-  
+  width: 70% !important;
+  height: 80%;
   top: 50%;
   left: 40%;
   transform: translate(-50%, -50%);
-  backdrop-filter: blur(1px); /* Adds the blur effect */
-  
+  background: var(--primary);
   display: flex;
   align-items: center;
   justify-content: center;
 
   .ant-spin .ant-spin-dot-item {
-    width: 25px;
-    height: 25px;
-    background: var(--primary) !important;
-  }
-  .ant-spin .ant-spin-dot{
-    font-size: 30px;
-    width: 60px;
-    height: 60px;
+    background: white !important;
   }
 }

src/api/config.ts

@@ -1,5 +1,4 @@
 export const BaseURL = "https://nerd-back.point-dev.net/api/";
 // export const BaseURL = "http://192.168.43.153:8080/api/";
-// export const BaseURL = import.meta.env.VITE_BASE_URL ;
 
 export const HEADER_KEY = "X-Custom-Query-Key";

src/api/helper/useAxios.ts

@@ -43,7 +43,6 @@ function useAxios() {
       if (method !== AxiosQueryEnum?.GET) {
         queryClient.invalidateQueries(key);
         if (isToasted) {
-          
           toast.success(ResponseMessage);
         }
         setValidation([{}]);
@@ -53,18 +52,15 @@ function useAxios() {
     function (error) {
       // Reject errors with non-2xx status codes
       const status = error?.response?.status;
-      // console.log(status);
-      
-      // if (status >= 400) {
-      //   return Promise.reject(error);
-      // }
+      if (status >= 400) {
+        return Promise.reject(error);
+      }
   
       const errorMsg = error?.response?.data?.error;
       const errorField = error?.response?.data;
       const method = error.config.method;
   
       if (status === AxiosStatusEnum.VALIDATION) {
-        
         setValidation(errorMsg ?? errorField);
         const ErrorKey = Object?.keys(errorMsg)?.[0];
         const isString =
@@ -72,7 +68,6 @@ function useAxios() {
             ? errorMsg
             : errorMsg?.[ErrorKey]?.[0] ??
               t("validation.some_thing_went_wrong");
-              
         toast.error(t(`${isString}`));
         return;
       }
@@ -87,7 +82,7 @@ function useAxios() {
         return Promise.reject(error);
       }
   
-      // return Promise.reject(error); // Important to reject the promise
+      return Promise.reject(error); // Important to reject the promise
     }
   );
   

src/api/notification.ts

@@ -5,14 +5,12 @@ import useUpdateMutation from "./helper/useUpdateMutation";
 
 const API = {
   GET: "/notification",
-  GET_MINE: "/notification/mine",
   ADD: "/notification",
   DELETE: "/notification",
   UPDATE: "/notification",
 };
 
 const KEY = "notification";
-const KEY_Mine = "notification_mine";
 
 export const useGetAllNotification = (params?: any, options?: any) =>
   useGetQuery(KEY, API.GET, params, options);
@@ -20,7 +18,3 @@ export const useAddNotification = () => useAddMutation(KEY, API.ADD);
 export const useUpdateNotification = (params?: any) => useUpdateMutation(KEY, API.GET);
 export const useDeleteNotification = (params?: any) =>
   useDeleteMutation(KEY, API.DELETE);
-
-
-export const useGetAllNotificationMine = (params?: any, options?: any) =>
-  useGetQuery(KEY_Mine, API.GET_MINE, params, options);

src/translate/ar.json

@@ -244,10 +244,7 @@
     "lesson":"الدرس",
     "code":"رمز",
     "due_to":"صالح الى",
-    "question_name":"اسم السؤال",
-    "body":"نص الإشعار",
-    "seen":"عدد المستخدمين",
-    "notifiable_type":"المستخدمون"
+    "question_name":"اسم السؤال"
   },
   "practical": {
     "to_confirm_deletion_please_re_enter": "لتأكيد الحذف، يرجى إعادة الإدخال",
@@ -332,9 +329,7 @@
     "show_collection":"حصيلة",
     "does_not_exist_notification":"عذرا لا يوجد إشعارات...",
     "student_name":"اسم الطالب",
-    "report_content":"محتوى التقرير",
-    "with_report":"يوجد تقرير",
-    "add_notification":"إرسال إشعار"
+    "report_content":"محتوى التقرير"
   },
   "Table": {
     "header": "",
@@ -431,7 +426,7 @@
     "show_collection":"حصيلة",
     "city":"مدينة",
     "financialCollection":"التحصيلات",
-    "notification":"إدارة الاشعارات"
+    "notification":"الاشعارات"
   },
   "education_class_actions": {
     "Student_Records": "سجلات الطلاب",
@@ -575,10 +570,7 @@
     "expiration_date":"تاريخ الالغاء",
     "package":"حزمة",
     "contact_number":"رقم الهاتف",
-    "question_content":"محتوى السؤال",
-    "body":"النص",
-    "seen":"شوهدت",
-    "notifiable_type":"نوع الاشعار"
+    "question_content":"محتوى السؤال"
   },
   "select": {
     "enums": {
@@ -918,7 +910,7 @@
     "city":"مدينة",
     "coupon":"قسيمة",
     "financial_collection":"التحصيلات",
-    "notification":"إدارة الاشعارات"
+    "notification":"الاشعارات"
   },
   "message": {
     "some_thing_went_wrong": "حدث خطأ ما",
@@ -971,7 +963,7 @@
     "Coupon":"قسيمة",
     "financial_collection":"التحصيلات",
     "show_collection":"حصيلة",
-    "notification":"إدارة الاشعارات"
+    "notification":"الاشعارات"
   },
   "page_header": {
     "home": "لوحة القيادة",
@@ -1030,7 +1022,7 @@
     "questionBank":"بنك الأسئلة",
     "roles":"الدور",
     "coupon":"قسيمة",
-    "notification":"إدارة الاشعارات"
+    "notification":"الاشعارات"
   },
   "table": {
     "student": "قائمة الطلاب",

src/types/Notification.ts

@@ -9,6 +9,6 @@ export interface Notification {
   body:string;
   seen:string;
   notifiable_type:string;
-  created_at:string
+
 
 }

src/types/Notifications.ts

@@ -3,4 +3,6 @@ export type notifications = {
     name:string,
     date:string,
     image:string,
+    setPop?:any,
+    pop?:any,
 }

vite.config.mjs

@@ -1,7 +1,7 @@
 import { defineConfig } from "vite";
+
 import react from "@vitejs/plugin-react";
 import { visualizer } from "rollup-plugin-visualizer";
-import env from "vite-plugin-env-compatible";
 
 export default defineConfig(() => {
   return {
@@ -9,27 +9,18 @@ export default defineConfig(() => {
       outDir: "build",
       rollupOptions: {
         output: {
-          entryFileNames: "[name].[hash].js",
-          chunkFileNames: "[name].[hash].js",
-          assetFileNames: "[name].[hash][extname]",
-        },
-      },
-    },
-    envPrefix: "VITE_",
-    css: {
-      preprocessorOptions: {
-        scss: {
-          // Optionally add a global import here for variables or mixins
-          // additionalData: `@import "src/styles/variables.scss";`,
+            entryFileNames: '[name].[hash].js',
+            chunkFileNames: '[name].[hash].js',
+            assetFileNames: '[name].[hash][extname]',
         },
     },
     },
+
     plugins: [
       react(),
-      env(),
       visualizer({
-        filename: "./bundle-analysis.html",
-        open: true,
+        filename: "./bundle-analysis.html", // Output file
+        open: true, // Open the generated file automatically
       }),
     ],
   };