src/Components/Utils/Filter/FilterState.ts

@@ -1,18 +1,24 @@
 import { create } from "zustand";
 
 interface FilterState {
-  filterState: any;
+  filterState: any[];
   setFilterState: (data: any) => void;
   clearFilterState: () => void;
   setWithOldValue: (data: any) => void;
+  setInitialValue: (data: any) => void;
 }
 
 export const useFilterState = create<FilterState>((set, get) => ({
-  filterState: {},
+  filterState: [],
   setFilterState: (data) => set(() => ({ filterState: data })),
   clearFilterState: () => set(() => ({ filterState: [] })),
   setWithOldValue: (data) =>
     set((state) => ({ filterState: [...state.filterState, data] })),
+  setInitialValue: (data) => {
+    if (get().filterState.length < 1) {
+      set(() => ({ filterState: data }));
+    }
+  },
 }));
 
 // import { create } from "zustand";

src/Components/ValidationField/View/SearchField.tsx

@@ -48,14 +48,8 @@ const SearchField = ({
     }
   }, [page]);
 
-  const SelectableChange = (value: any,option:any) => {
+  const SelectableChange = (value: any) => {
-    if(isMulti){
+    formik?.setFieldValue(name, value);
-      formik?.setFieldValue(name, option ?? []);
-    }else{
-      
-      formik?.setFieldValue(name, option ?? {});
-    }
-   
     const isCleared = value?.length === 0 || !value;
 
     if (isCleared) {
@@ -96,8 +90,8 @@ const SearchField = ({
   const handleScroll = (event: any) => {
     const target = event.target;
     const isAtBottom =
-      target.scrollHeight - 10 <= Math.floor(target.scrollTop + target.clientHeight);
+      target.scrollHeight === target.scrollTop + target.clientHeight;
-      
+
     if (isAtBottom && canChangePage && PageName && page) {
       console.log("Scrolled to the last option!");
       let newPage = page + 1;
@@ -109,11 +103,7 @@ const SearchField = ({
 
   console.log(AllPagesOption);
   console.log(option, "option");
-  const value = isMulti ? formik.values[name]?.map((item:any)=>{
+
-    return item?.name ?? item
-  }) :  formik.values[name]?.["name"] ?? ""
-  console.log(value);
-  
   return (
     <div className="ValidationField w-100">
       <ValidationFieldLabel
@@ -131,8 +121,8 @@ const SearchField = ({
           options={AllPagesOption}
           size="large"
           className={`${className} w-100`}
-          value={value}
+          value={formik.values[name]}
-          loading={isLoading}
+          // loading={isLoading}
           allowClear
           {...(isMulti && { mode: "multiple" })}
           onChange={onChange || SelectableChange}
@@ -143,7 +133,7 @@ const SearchField = ({
           onBlur={handleBlur}
           id={name}
           onPopupScroll={handleScroll}
-          fieldNames={{ label: "name", value: "name" }}
+          fieldNames={{ label: "name", value: "id" }}
           {...props}
         />
       </ValidationFieldContainer>

src/Pages/Admin/Coupon/Model/AddModel.tsx

@@ -6,7 +6,6 @@ import { QueryStatusEnum } from "../../../../enums/QueryStatus";
 import ModelForm from "./ModelForm";
 import { useAddCoupon } from "../../../../api/Coupon";
 import dayjs from "dayjs";
-import { ConvertArrayToArrayOfIds } from "../../../../utils/ConvertArrayToArrayOfIds";
 
 const AddModel: React.FC = () => {
   const { mutate, status } = useAddCoupon();
@@ -17,10 +16,7 @@ const AddModel: React.FC = () => {
       console.log(due_to);
     mutate({
       ...values,
-      due_to,
+      due_to
-      grade_id:values?.grade_id?.id
-
-
     });
   };
   return (

src/Pages/Admin/Coupon/Model/EditModel.tsx

@@ -6,6 +6,7 @@ import ModelForm from "./ModelForm";
 import { QueryStatusEnum } from "../../../../enums/QueryStatus";
 import { useObjectToEdit } from "../../../../zustand/ObjectToEditState";
 import { useUpdateCoupon } from "../../../../api/Coupon";
+import { handelImageState } from "../../../../utils/DataToSendImageState";
 
 const EditModel: React.FC = () => {
   const { mutate, status } = useUpdateCoupon();
@@ -13,7 +14,7 @@ const EditModel: React.FC = () => {
 
   const handleSubmit = (values: any) => {
     const due_to = typeof values?.due_to === "string" ? values?.due_to : values?.due_to.format("YYYY-MM-DD HH:mm:ss")
-    const Data_to_send = { ...values , due_to,  grade_id:values?.grade_id?.id ?? "" };
+    const Data_to_send = { ...values , due_to };
     mutate(Data_to_send);
   };
 

src/Pages/Admin/Coupon/Model/ModelForm.tsx

@@ -18,7 +18,7 @@ const Form = ({Hide = false}:{Hide?:boolean }) => {
   });
   const GradeOption = Grade?.data ?? []
   const canChangeGradePage = !!Grade?.links?.next;
-  const GradePage = Grade?.meta?.current_page;
+  const GradePage = Grade?.meta?.currentPage;
   return (
     <Row className="w-100">
       <Col>

src/Pages/Admin/Coupon/Model/formUtil.ts

@@ -11,7 +11,7 @@ export const getInitialValues = (
     amount: objectToEdit?.amount ?? "",
     code: objectToEdit?.code ?? "",
     due_to: objectToEdit?.due_to ? dayjs(objectToEdit?.due_to,"YYYY-MM-DD HH:mm:ss") :  "",
-    grade_id: objectToEdit?.grade ?? "",
+    grade_id: objectToEdit?.grade_id ?? "",
   };
 };
 

src/Pages/Admin/Manager/Model/AddModel.tsx

@@ -12,7 +12,6 @@ const AddModel: React.FC = () => {
   const handleSubmit = (values: any) => {
     mutate({
       ...values,
-      grade_id:values?.grade_id?.id
     });
   };
   return (

src/Pages/Admin/Manager/Model/EditModel.tsx

@@ -12,7 +12,7 @@ const EditModel: React.FC = () => {
   const { objectToEdit } = useObjectToEdit((state) => state);
 
   const handleSubmit = (values: any) => {
-    const Data_to_send = { ...values,    grade_id:values?.grade_id?.id };
+    const Data_to_send = { ...values };
     mutate(Data_to_send);
   };
 

src/Pages/Admin/Manager/Model/ModelForm.tsx

@@ -13,7 +13,7 @@ const Form = ({ isEdit = false }: { isEdit?: boolean }) => {
   });
   const GradeOption = Grade?.data ?? [];
   const canChangeGradePage = !!Grade?.links?.next;
-  const GradePage = Grade?.meta?.current_page;
+  const GradePage = Grade?.meta?.currentPage;
 
   const sex = [
     { name: "male", id: "male" },

src/Pages/Admin/QuestionBank/Model/FilterForm.tsx

@@ -30,9 +30,8 @@ const FilterForm = () => {
   });
   const GradeOption = Grade?.data ?? []
   const canChangeGradePage = !!Grade?.links?.next;
-  const GradePage = Grade?.meta?.current_page;
+  const GradePage = Grade?.meta?.currentPage;
-    console.log(Grade?.meta?.current_page);
+
-    
 
     /// subject_id 
     const { data: Subject, isLoading: isLoadingSubject } = useGetAllSubject({
@@ -41,7 +40,7 @@ const FilterForm = () => {
     });
     const SubjectOption = Subject?.data ?? []
     const canChangeSubjectPage = !!Subject?.links?.next;
-    const SubjectPage = Subject?.meta?.current_page;
+    const SubjectPage = Subject?.meta?.currentPage;
   
     /// unit_id 
     const { data: Unit, isLoading: isLoadingUnit } = useGetAllUnit({
@@ -50,7 +49,7 @@ const FilterForm = () => {
     });
     const UnitOption = Unit?.data ?? []
     const canChangeUnitPage = !!Unit?.links?.next;
-    const UnitPage = Unit?.meta?.current_page;
+    const UnitPage = Unit?.meta?.currentPage;
 
     /// lessonsIds 
   const { data: Lesson, isLoading: isLoadingLesson } = useGetAllLesson({
@@ -59,7 +58,7 @@ const FilterForm = () => {
   });
   const LessonOption = Lesson?.data ?? []
   const canChangeLessonPage = !!Lesson?.links?.next;
-  const LessonPage = Lesson?.meta?.current_page;
+  const LessonPage = Lesson?.meta?.currentPage;
 
 
      /// TagsIds 
@@ -69,7 +68,7 @@ const FilterForm = () => {
     });
     const TagOption = Tag?.data ?? []
     const canChangeTagPage = !!Tag?.links?.next;
-    const TagPage = Tag?.meta?.current_page;
+    const TagPage = Tag?.meta?.currentPage;
   
 
   return (
@@ -89,7 +88,6 @@ const FilterForm = () => {
           canChangePage={canChangeGradePage}
           PageName={"GradeCurrentPage"}
           page={GradePage}
-          
 
         />
 

src/Pages/Admin/QuestionBank/Page.tsx

@@ -7,6 +7,7 @@ import { useDeleteQuestion } from "../../../api/Question";
 import PageHeader from "../../../Layout/Dashboard/PageHeader";
 import FilterLayout from "../../../Layout/Dashboard/FilterLayout";
 import FilterForm from "./Model/FilterForm";
+import { canAddQuestionBank } from "../../../utils/hasAbilityFn";
 
 const Table = lazy(() => import("./Table"));
 const DeleteModalForm = lazy(

src/Pages/Admin/QuestionBank/Table.tsx

@@ -5,7 +5,6 @@ import { useGetAllQuestion } from "../../../api/Question";
 import { useFilterState } from "../../../Components/Utils/Filter/FilterState";
 import { useObjectToEdit } from "../../../zustand/ObjectToEditState";
 import { useFilterStateState } from "../../../zustand/Filter";
-import { ConvertArrayToArrayOfIds } from "../../../utils/ConvertArrayToArrayOfIds";
 
 const App: React.FC = () => {
   const { filterState } = useFilterState();
@@ -18,11 +17,6 @@ const App: React.FC = () => {
     nullable_parent:"null",
     pagination: true,
     ...filterState,
-    tagsIds:ConvertArrayToArrayOfIds(filterState?.tagsIds) ,
-    grade_id:filterState?.grade_id?.id,
-    subject_id:filterState?.subject_id?.id,
-    unit_id:filterState?.unit_id?.id,
-    lessonsIds:ConvertArrayToArrayOfIds(filterState?.lessonsIds),
     content:Filter?.content,
     sort_by,
     

src/Pages/Admin/QuestionBank/useTableColumns.tsx

@@ -69,66 +69,19 @@ export const useColumns = () => {
       },
       ellipsis: true,
     },
-    {
-      title: `${t("columns.subject")}`,
-      dataIndex: "lessons",
-      key: "lessons",
-      align: "center",
-      render: (text, record) => {
-        const lesson = record?.lessons?.[0] ;
-        const unit = lesson?.unit;
-        const subject = unit?.subject;
-          
-        return (
-              <>  {subject?.name}  </>
-        )
-      },
-      ellipsis: true,
-    },
-    {
-      title: `${t("columns.unit")}`,
-      dataIndex: "lessons",
-      key: "lessons",
-      align: "center",
-      render: (text, record) => {
-        const lesson = record?.lessons?.[0] ;
-        const unit = lesson?.unit;          
-        return (
-              <>  {unit?.name}  </>
-        )
-      },
-      ellipsis: true,
-    },
-
-    {
-      title: `${t("columns.lesson")}`,
-      dataIndex: "lessons",
-      key: "lessons",
-      align: "center",
-      render: (text, record) => {
-        const lesson = record?.lessons?.[0] ;
-        console.log(lesson,"lesson");
-        
-        return (
-              <>  {lesson?.name}  </>
-        )
-      },
-      ellipsis: true,
-    },
     
-    
+    {
-    // {
+      title: `${t("columns.hint")}`,
-    //   title: `${t("columns.hint")}`,
+      dataIndex: "hint",
-    //   dataIndex: "hint",
+      key: "hint",
-    //   key: "hint",
+      align: "center",
-    //   align: "center",
+      render: (text, record) => {
-    //   render: (text, record) => {
+        return (
-    //     return (
+          <>{record?.hint ?? "_"}</>
-    //       <>{record?.hint ?? "_"}</>
+        );
-    //     );
+      },
-    //   },
+      ellipsis: true,
-    //   ellipsis: true,
+    },
-    // },
     {
       title: `${t("columns.tags")}`,
       dataIndex: "tags",

src/Pages/Admin/Student/Model/ModelForm.tsx

@@ -13,7 +13,7 @@ const Form = ({ isEdit = false }: { isEdit?: boolean }) => {
   });
   const GradeOption = Grade?.data ?? [];
   const canChangeGradePage = !!Grade?.links?.next;
-  const GradePage = Grade?.meta?.current_page;
+  const GradePage = Grade?.meta?.currentPage;
 
   const sex = [
     { name: "male", id: "male" },

src/Pages/Admin/Student/Table.tsx

@@ -19,7 +19,6 @@ const App: React.FC = () => {
     sort_by,
     pagination: true,
     ...filterState,
-    grade_id:filterState?.grade_id?.id,
   });
 
   return <DataTable response={response} useColumns={useColumns} />;

src/Pages/Admin/question/AddPage.tsx

@@ -9,7 +9,10 @@ import { useObjectToEdit } from "../../../zustand/ObjectToEditState";
 import { Question } from "../../../types/Item";
 import BaseFormContainer from "./Model/AddForm/BaseForm";
 import FormContainer from "./Model/AddForm/Form";
-import { handleValidateBaseQuestion, handleValidateSingleQuestion } from "./Model/ValidationFn";
+import { handleValidateBaseQuestion, handleValidateSingleQuestion } from "./Model/AddForm/ValidationFn";
+import useUnsavedChangesWarning from "../../../Hooks/useUnsavedChangesWarning";
+import { useFormikContext } from "formik";
+
 const AddPage: React.FC = () => {
 
   const { mutateAsync, isLoading: LoadingAsync } = useAddQuestionAsync();

src/Pages/Admin/question/EditPage.tsx

@@ -19,30 +19,28 @@ import { toast } from "react-toastify";
 import { deletePathSegments } from "../../../utils/deletePathSegments";
 import BaseFormContainer from "./Model/EditForm/BaseFormContainer";
 import FormContainer from "./Model/EditForm/FormContainer";
-import { handleValidateBaseQuestion, handleValidateSingleQuestion } from "./Model/ValidationFn";
 
 const EditPage: React.FC = () => {
   const { subject_id, lesson_id, question_id } = useParams<ParamsEnum>();
-  const { isBseQuestion, setIsBseQuestion, setTagsSearch, DeletedQuestions,setObjectToEdit } =
+  const { isBseQuestion, setIsBseQuestion, setTagsSearch, DeletedQuestions, ShowHint, setShowHint, ShowLatexOption, setShowLatexOption } =
     useObjectToEdit();
 
-  const { mutate, isSuccess ,isLoading:isLoadingUpdate } = useUpdateQuestion();
+  const { mutate, isSuccess, isLoading } = useUpdateQuestion();
   const { mutate: DeleteQuestion } = useDeleteQuestion();
-  const { mutate: mutateAdd } = useAddQuestion();
+  const { mutate: mutateAdd, isLoading: LoadingAsync } = useAddQuestion();
 
-  const { data, isLoading: dataLoading ,isRefetching } = useGetAllQuestion({
+  const { data, isLoading: dataLoading } = useGetAllQuestion({
     show: question_id,
   });
 
-  const { data: Questions, isLoading: QuestionsDataLoading,isRefetching:isRefetchingParent } =
+  const { data: Questions, isLoading: QuestionsDataLoading } =
     useGetAllQuestion({
       parent_id: question_id,
       isPaginated: false
     });
 
   const objectToEdit = { ...data?.data, Questions: Questions?.data };
-    console.log(objectToEdit);
+
-    
   useEffect(() => {
     if (objectToEdit?.isBase && isBseQuestion !== true) {
       setIsBseQuestion(true);
@@ -177,39 +175,136 @@ const EditPage: React.FC = () => {
     }
   };
 
+  const location = useLocation();
   const navigate = useNavigate();
 
+  const handleValidateSingleQuestion = (values: any, isValid: boolean, handleSubmit: any) => {
+    const haveMoreThanOneAnswer = values?.answers?.length > 1;
+    const haveOneAnswerRight = haveMoreThanOneAnswer && values?.answers?.some((item: any) => item?.isCorrect === 1 || item.isCorrect === true)
+    const haveImageOrContent = haveOneAnswerRight && values?.answers?.some((item: any) => !(item?.content) && !(item.content_image))
+    const content = values.content;
+    const content_image = values.content_image;
+    const haveContentOrContentImage = !!content || !!content_image;
+    console.log(haveImageOrContent, "haveImageOrContent");
+    if (!haveContentOrContentImage) {
+      toast.error(`${t("validation.one_of_image_and_content_should_be_enter_in_question")}`);
+      return false;
+    }
+
+    if (!haveMoreThanOneAnswer) {
+      toast.error(t("validation.it_should_have_more_than_one_answers"));
+      return false;
+    }
+    if (!haveOneAnswerRight) {
+      toast.error(t("validation.it_should_have_more_than_one_correct_answers"));
+      return false;
+    }
+    if (haveImageOrContent) {
+      toast.error(t("validation.one_of_image_and_content_should_be_enter_in_answer"))
+      return false
+    }
+
+    console.log(1);
+
+    if (isValid) {
+      handleSubmit(values)
+    }
+
+  }
+  const handleValidateBaseQuestion = (values: any, isValid: boolean, handleSubmit: any) => {
+    const content = values.content;
+    const content_image = values.content_image;
+    const haveContentOrContentImage = !!content || !!content_image;
+    console.log(2);
+
+    if (!haveContentOrContentImage) {
+      toast.error(`${t("validation.one_of_image_and_content_should_be_enter_in_question")}`);
+      return false;
+    }
+    console.log(1);
+
+    const isValidate = values?.Questions?.every((Question: any, QuestionsIndex: number) => {
+
+
+      const content = Question.content;
+      const content_image = Question.content_image;
+      const haveContentOrContentImage = !!content || !!content_image;
+      if (!haveContentOrContentImage) {
+        toast.error(`${t("validation.one_of_image_and_content_should_be_enter_in_question")}`);
+        return false;
+      }
+
+
+      //// answers
+      const answers = Question?.answers;
+      const haveAnswers = answers?.length > 0;
+      const haveMoreThanOneAnswer = haveAnswers && answers?.length > 1;
+      const haveOneAnswerRight = haveMoreThanOneAnswer && answers?.some((item: any) => item?.isCorrect === 1 || item.isCorrect === true);
+      const haveImageOrContent = haveOneAnswerRight && answers?.some((item: any) => !(item?.content) && !(item.content_image))
+
+
+
+
+      if (!haveAnswers) {
+        toast.error(t("validation.it_should_have_more_than_one_answers"));
+        return false;
+      }
+
+      if (!haveMoreThanOneAnswer) {
+        toast.error(t("validation.it_should_have_more_than_one_answers"));
+        return false;
+      }
+
+      if (!haveOneAnswerRight) {
+        toast.error(t("validation.it_should_have_more_than_one_correct_answers"));
+        return false;
+      }
+
+      if (haveImageOrContent) {
+        toast.error(t("validation.one_of_image_and_content_should_be_enter_in_answer"))
+        return false
+      }
+
+      return true
+    });
+
+    console.log(1);
+
+    if (isValid && isValidate) {
+      console.log(2);
+      handleSubmit(values)
+    }
+
+  };
 
   useEffect(() => {
+    console.log(location.pathname);
+      console.log(deletePathSegments(location.pathname, 2));
       
     if (isSuccess) {
-      // toast.success(t("validation.the_possess_done_successful"));
+      toast.success(t("validation.the_possess_done_successful"));
-      setObjectToEdit(null)
       navigate(-1);
+      
     }
   }, [isSuccess]);
 
 
 
 
-  console.log(objectToEdit);
+  const Loading = LoadingAsync || isLoading
-  
+
-  
+  if (dataLoading || QuestionsDataLoading) {
-  const Loading = QuestionsDataLoading || dataLoading || isRefetchingParent || isRefetching 
-  console.log(Loading);
-  const LoadingButton = isLoadingUpdate
-  if (Loading) {
     return <SpinContainer />;
   }
   if (objectToEdit?.isBase) {
     return (
-      <BaseFormContainer t={t} Loading={LoadingButton} handleSubmit={handleSubmit} handleValidateBaseQuestion={handleValidateBaseQuestion} objectToEdit={objectToEdit} />
+      <BaseFormContainer t={t} Loading={Loading} handleSubmit={handleSubmit} handleValidateBaseQuestion={handleValidateBaseQuestion} objectToEdit={objectToEdit} />
     );
   }
 
 
   return (
-    <FormContainer t={t} Loading={LoadingButton} handleSubmit={handleSubmit} handleValidateSingleQuestion={handleValidateSingleQuestion} objectToEdit={objectToEdit} />
+    <FormContainer t={t} Loading={Loading} handleSubmit={handleSubmit} handleValidateSingleQuestion={handleValidateSingleQuestion} objectToEdit={objectToEdit} />
   );
 };
 

src/Pages/Admin/question/FilterForm.tsx

@@ -28,7 +28,7 @@ const FilterForm = () => {
   });
   const GradeOption = Grade?.data ?? []
   const canChangeGradePage = !!Grade?.links?.next;
-  const GradePage = Grade?.meta?.current_page;
+  const GradePage = Grade?.meta?.currentPage;
 
 
     /// subject_id 
@@ -38,7 +38,7 @@ const FilterForm = () => {
     });
     const SubjectOption = Subject?.data ?? []
     const canChangeSubjectPage = !!Subject?.links?.next;
-    const SubjectPage = Subject?.meta?.current_page;
+    const SubjectPage = Subject?.meta?.currentPage;
   
     /// unit_id 
     const { data: Unit, isLoading: isLoadingUnit } = useGetAllUnit({
@@ -47,7 +47,7 @@ const FilterForm = () => {
     });
     const UnitOption = Unit?.data ?? []
     const canChangeUnitPage = !!Unit?.links?.next;
-    const UnitPage = Unit?.meta?.current_page;
+    const UnitPage = Unit?.meta?.currentPage;
 
     /// lessonsIds 
   const { data: Lesson, isLoading: isLoadingLesson } = useGetAllLesson({
@@ -56,7 +56,7 @@ const FilterForm = () => {
   });
   const LessonOption = Lesson?.data ?? []
   const canChangeLessonPage = !!Lesson?.links?.next;
-  const LessonPage = Lesson?.meta?.current_page;
+  const LessonPage = Lesson?.meta?.currentPage;
 
   return (
     <div>

src/Pages/Admin/question/Model/AddForm/ValidationFn.ts

@@ -1,13 +1,9 @@
 import { toast } from "react-toastify";
-import { hasDuplicateArrayValue } from "../../../../utils/hasDuplicateArrayValue";
 
 export const handleValidateSingleQuestion = (values:any,isValid:boolean,handleSubmit:any,t:any)=>{
     const haveMoreThanOneAnswer =  values?.answers?.length > 1;      
     const haveOneAnswerRight = haveMoreThanOneAnswer && values?.answers?.some((item:any)=> item?.isCorrect === 1 || item.isCorrect === true )
     const haveImageOrContent = haveOneAnswerRight && values?.answers?.some((item:any)=> !(item?.content)  && !(item.content_image)  )
-
-    const haveDuplicatedContent = hasDuplicateArrayValue(values?.answers,"content")
-
     const content = values.content ;
     const content_image = values.content_image ;
     const haveContentOrContentImage = !!content || !!content_image ;
@@ -29,11 +25,8 @@ export const handleValidateSingleQuestion = (values:any,isValid:boolean,handleSu
     toast.error(t("validation.one_of_image_and_content_should_be_enter_in_answer"))
     return false
   }
-  if(haveDuplicatedContent){
-    toast.error(t("validation.haveDuplicatedContent"))
-    return false
-  }
 
+  console.log(1);
   
   if(isValid){
     handleSubmit(values)
@@ -44,18 +37,12 @@ export const handleValidateBaseQuestion = (values: any,isValid:boolean,handleSub
   const content = values.content ;
   const content_image = values.content_image ;
   const haveContentOrContentImage = !!content || !!content_image ;
-  const haveDuplicatedContent = hasDuplicateArrayValue(values?.Questions,"content")
+  console.log(2);
-
+  
   if(!haveContentOrContentImage){
     toast.error(`${t("validation.one_of_image_and_content_should_be_enter_in_question")}`);
     return false;
   }
-
-  if(haveDuplicatedContent){
-    toast.error(t("validation.haveDuplicatedContent"))
-    return false
-  }
-
     console.log(1);
     
  const isValidate = values?.Questions?.every((Question: any, QuestionsIndex: number) => {
@@ -64,7 +51,6 @@ export const handleValidateBaseQuestion = (values: any,isValid:boolean,handleSub
     const content = Question.content ;
     const content_image = Question.content_image ;
     const haveContentOrContentImage = !!content || !!content_image ;
-
     if(!haveContentOrContentImage){
       toast.error(`${t("validation.one_of_image_and_content_should_be_enter_in_question")}`);
       return false;
@@ -77,10 +63,7 @@ export const handleValidateBaseQuestion = (values: any,isValid:boolean,handleSub
     const haveMoreThanOneAnswer = haveAnswers && answers?.length > 1;
     const haveOneAnswerRight = haveMoreThanOneAnswer && answers?.some((item: any) => item?.isCorrect === 1 || item.isCorrect === true);
     const haveImageOrContent = haveOneAnswerRight && answers?.some((item:any)=> !(item?.content)  && !(item.content_image)  )
-    const haveDuplicatedContent = hasDuplicateArrayValue(answers,"content")
-    console.log(haveDuplicatedContent);
     
-    console.log(answers);
     
  
 
@@ -104,11 +87,6 @@ export const handleValidateBaseQuestion = (values: any,isValid:boolean,handleSub
       return false
     }
 
-    if(haveDuplicatedContent){
-      toast.error(t("validation.haveDuplicatedContent"))
-      return false
-    }
-  
     return true
   });
 

src/Pages/Admin/question/Model/EditForm/BaseFormContainer.tsx

@@ -13,10 +13,9 @@ import ModelForm from "../../Model/Malty/Form";
 const BaseFormContainer = ({objectToEdit,handleSubmit,Loading,handleValidateBaseQuestion,t}:{objectToEdit:any,handleSubmit:any,Loading:any,handleValidateBaseQuestion:any,t:any}) => {
   const location = useLocation();
   const navigate = useNavigate();
-  const {  ShowHint,setShowHint , ShowLatexOption,setShowLatexOption ,setObjectToEdit} =
+  const {  ShowHint,setShowHint , ShowLatexOption,setShowLatexOption } =
   useObjectToEdit();
   const handleCancel = () => {
-    setObjectToEdit({})
     navigate(-1);
   };
   const handleNavigateToPage = () => {
@@ -85,8 +84,8 @@ const BaseFormContainer = ({objectToEdit,handleSubmit,Loading,handleValidateBase
             <div className="exercise_add_buttons">
               <div onClick={handleCancel}>{t("practical.back")}</div>
               <button disabled={Loading} className={`relative ${dirty ? "" : "disabled"}`} type="button" 
-               onClick={()=>{handleValidateBaseQuestion(values,isValid,handleSubmit,t) }}
+               onClick={()=>{handleValidateBaseQuestion(values,isValid,handleSubmit) }}
-               onSubmit={()=>{handleValidateBaseQuestion(values,isValid,handleSubmit,t) }}
+               onSubmit={()=>{handleValidateBaseQuestion(values,isValid,handleSubmit) }}
               >          {t("practical.edit")}
 
                 {Loading && (

src/Pages/Admin/question/Model/EditForm/FormContainer.tsx

@@ -13,15 +13,13 @@ import ModelForm from "../../Model/ModelForm";
 const FormContainer = ({objectToEdit,handleSubmit,Loading,handleValidateSingleQuestion,t}:{objectToEdit:any,handleSubmit:any,Loading:any,handleValidateSingleQuestion:any,t:any}) => {
   const location = useLocation();
   const navigate = useNavigate();
-  const {  ShowHint,setShowHint , ShowLatexOption,setShowLatexOption,setObjectToEdit } =
+  const {  ShowHint,setShowHint , ShowLatexOption,setShowLatexOption } =
   useObjectToEdit();
   const handleCancel = () => {
-    setObjectToEdit({})
     navigate(-1);
   };
   const handleNavigateToPage = () => {
     const cleanedUrl = location.pathname.replace(/\/Question\/\d+$/, "");
-    setObjectToEdit({})
     navigate(cleanedUrl);
   };
 

src/Pages/Admin/question/Model/EditForm/ValidationFn.ts

@@ -0,0 +1,100 @@
+import { toast } from "react-toastify";
+
+export const handleValidateSingleQuestion = (values:any,isValid:boolean,handleSubmit:any,t:any)=>{
+    const haveMoreThanOneAnswer =  values?.answers?.length > 1;      
+    const haveOneAnswerRight = haveMoreThanOneAnswer && values?.answers?.some((item:any)=> item?.isCorrect === 1 || item.isCorrect === true )
+    const haveImageOrContent = haveOneAnswerRight && values?.answers?.some((item:any)=> !(item?.content)  && !(item.content_image)  )
+    const content = values.content ;
+    const content_image = values.content_image ;
+    const haveContentOrContentImage = !!content || !!content_image ;
+    console.log(haveImageOrContent,"haveImageOrContent");
+    if(!haveContentOrContentImage){
+      toast.error(`${t("validation.one_of_image_and_content_should_be_enter_in_question")}`);
+      return false;
+    }
+
+    if(!haveMoreThanOneAnswer){
+        toast.error(t("validation.it_should_have_more_than_one_answers")) ;
+        return false ;
+    }
+    if(!haveOneAnswerRight){
+      toast.error(t("validation.it_should_have_more_than_one_correct_answers")) ;
+      return false ;
+  }
+  if(haveImageOrContent){
+    toast.error(t("validation.one_of_image_and_content_should_be_enter_in_answer"))
+    return false
+  }
+
+  console.log(1);
+  
+  if(isValid){
+    handleSubmit(values)
+  }
+    
+}
+export const handleValidateBaseQuestion = (values: any,isValid:boolean,handleSubmit:any,t:any) => {  
+  const content = values.content ;
+  const content_image = values.content_image ;
+  const haveContentOrContentImage = !!content || !!content_image ;
+  console.log(2);
+  
+  if(!haveContentOrContentImage){
+    toast.error(`${t("validation.one_of_image_and_content_should_be_enter_in_question")}`);
+    return false;
+  }
+    console.log(1);
+    
+ const isValidate = values?.Questions?.every((Question: any, QuestionsIndex: number) => {
+
+
+    const content = Question.content ;
+    const content_image = Question.content_image ;
+    const haveContentOrContentImage = !!content || !!content_image ;
+    if(!haveContentOrContentImage){
+      toast.error(`${t("validation.one_of_image_and_content_should_be_enter_in_question")}`);
+      return false;
+    }
+
+
+    //// answers
+    const answers = Question?.answers;
+    const haveAnswers = answers?.length > 0;
+    const haveMoreThanOneAnswer = haveAnswers && answers?.length > 1;
+    const haveOneAnswerRight = haveMoreThanOneAnswer && answers?.some((item: any) => item?.isCorrect === 1 || item.isCorrect === true);
+    const haveImageOrContent = haveOneAnswerRight && answers?.some((item:any)=> !(item?.content)  && !(item.content_image)  )
+    
+    
+ 
+
+    if (!haveAnswers) {
+      toast.error(t("validation.it_should_have_more_than_one_answers"));
+      return false;
+    }
+
+    if (!haveMoreThanOneAnswer) {
+      toast.error(t("validation.it_should_have_more_than_one_answers"));
+      return false; 
+    }
+
+    if (!haveOneAnswerRight) {
+      toast.error(t("validation.it_should_have_more_than_one_correct_answers"));
+      return false;
+    }
+
+    if(haveImageOrContent){
+      toast.error(t("validation.one_of_image_and_content_should_be_enter_in_answer"))
+      return false
+    }
+
+    return true
+  });
+
+      console.log(1);
+      
+if(isValid && isValidate){
+  console.log(2);
+  handleSubmit(values)
+}
+  
+};

src/Pages/Admin/question/Page.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from "react-i18next";
-import { lazy, Suspense, useEffect } from "react";
+import { lazy, Suspense } from "react";
 import { Spin } from "antd";
 import { useParams } from "react-router-dom";
 import { ParamsEnum } from "../../../enums/params";
@@ -16,7 +16,6 @@ import { ABILITIES_ENUM } from "../../../enums/abilities";
 import { canAddQuestion } from "../../../utils/hasAbilityFn";
 import FilterLayout from "../../../Layout/Dashboard/FilterLayout";
 import FilterForm from "./FilterForm";
-import { useObjectToEdit } from "../../../zustand/ObjectToEditState";
 const Table = lazy(() => import("./Table"));
 
 const TableHeader = () => {
@@ -51,15 +50,7 @@ const TableHeader = () => {
     {name:unitName, path:`unit/${unit_id}`},
     {name:LessonName, path:`lesson/${lesson_id  }`}
   ]);
-  const { objectToEdit,setObjectToEdit } =
-  useObjectToEdit();
 
-  useEffect(() => {
-    if(objectToEdit){
-      setObjectToEdit(null)
-    }
-}, [])
-  console.log(objectToEdit);
   
   return (
     <div className="TableWithHeader">

src/Pages/Home/Dummy.tsx

@@ -1,13 +1,8 @@
-import { HaveDuplicatedArrayValue } from "../../utils/hasDuplicateArrayValue";
 
 const Dummy = () => {
-  const isDuplicated = HaveDuplicatedArrayValue([{name:"name"},{name:"name3"},{name:"nam"}],"name")
-  console.log(isDuplicated,"isDuplicated");
-  
   return (
     <div className="DummyHomePage">
-     <div>asd</div>
+      karim is op
-     <div> asd </div>
     </div>
   );
 };

src/Pages/ReSeller/Collections/Show/Table.tsx

@@ -3,7 +3,7 @@ import DataTable from "../../../../Layout/Dashboard/Table/DataTable";
 import { useColumns } from "./useTableColumns";
 import useSearchQuery from "../../../../api/utils/useSearchQuery";
 import { useFilterState } from "../../../../Components/Utils/Filter/FilterState";
-import { useGetAllCollections } from "../../../../api/collections";
+import { useGetCollection } from "../../../../api/collections";
 import { useParams } from "react-router-dom";
 
 const App: React.FC = () => {
@@ -12,7 +12,7 @@ const App: React.FC = () => {
   const {collection_id}= useParams()
   console.log(collection_id);
   
-  const response = useGetAllCollections({
+  const response = useGetCollection({
     name: searchQuery,
     pagination: true,
     ...filterState,

src/Styles/Layout/DataTable.scss

@@ -1,8 +1,7 @@
 .DataTable {
   width: 100%;
   border-radius: 0 0 10px 10px;
-  // box-shadow: 0px 0px 32px 2px #080F3414;
+  box-shadow: 0px 0px 32px 2px #080F3414;
-      
 }
 
 .ant-table-cell {

src/Styles/Pages/exercise.scss

@@ -1,7 +1,7 @@
 .exercise_form_container {
   display: flex;
   width: 100% !important;
-  padding-block: 10px 30px;
+  padding-top: 10px;
   box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
   margin-right: 0px !important;
   border-radius: 0 0 10px 10px;
@@ -48,7 +48,6 @@
     // max-height: 84vh;
     overflow-y: scroll;
     @include Scrollbar();
-    overflow-x: hidden;
   }
   .exercise_add_buttons {
     display: flex;
@@ -60,15 +59,15 @@
       outline: none;
       border: none;
       border-radius: 10px;
-      padding: 5px 10px;
+      padding: 0.4vw 0.2vw;
       background: var(--primary);
       color: var(--white);
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 5px;
-      font-size: 16px;
+      font-size: 1vw;
-      min-width: 130px;
+      width: 10vw;
       cursor: pointer;
       transition: .5s ease-in-out;
       &:hover{

src/translate/ar.json

@@ -55,8 +55,7 @@
     "one_of_image_and_content_should_be_enter_in_answer":"يجب إدخال صورة أو محتوى واحد على الأقل في الاجابة",
      "one_of_image_and_content_should_be_enter_in_question":"يجب إدخال صورة أو محتوى واحد على الأقل في السؤال",
      "that_is_not_a_valid_mml":"هذا ليس mml صالح",
-     "Are_you_sure_you_want_to_leave_Your_changes_may_not_be_saved":"هل أنت متأكد من أنك تريد المغادرة ؟ قد لا يتم حفظ التغييرات التي أجريتها",
+     "Are_you_sure_you_want_to_leave_Your_changes_may_not_be_saved":"هل أنت متأكد من أنك تريد المغادرة ؟ قد لا يتم حفظ التغييرات التي أجريتها"
-     "haveDuplicatedContent":"يحتوي عل محتوي مكرر"
   },
   "header": {
     "register_students": "تسجيل الطلاب",
@@ -238,9 +237,7 @@
     "read":"قراءة",
     "managers":"مدراء",
     "show":"عرض",
-    "paid_price":"المبلغ المدفوع",
+    "paid_price":"المبلغ المدفوع"
-    "unit":"الوحدة",
-    "lesson":"الدرس"
   },
   "practical": {
     "to_confirm_deletion_please_re_enter": "لتأكيد الحذف، يرجى إعادة الإدخال",

src/types/Coupon.ts

@@ -8,7 +8,7 @@ export interface InitialValues {
   amount: string; // URL of the user's amount
   due_to: any; // URL of the user's amount
   code: string; // URL of the user's amount
-  grade_id: any; // URL of the user's amount
+  grade_id: string; // URL of the user's amount
 }
 export type Coupon = {
   id: number; // Unique identifier for the user
@@ -16,6 +16,6 @@ export type Coupon = {
   amount: string; // URL of the user's amount
   due_to: string; // URL of the user's amount
   code: string; // URL of the user's amount
-  grade: string; // URL of the user's amount
+  grade_id: string; // URL of the user's amount
 };
 export type CouponInitialValues = Partial<Nullable<InitialValues>>;

src/utils/ConvertArrayToArrayOfIds.ts

@@ -1,8 +0,0 @@
-export const ConvertArrayToArrayOfIds = (data:any[])=>{
-        if(data?.length < 1){
-            return []
-        }
-        return data?.map((item:any)=>{
-            return item?.id ?? item
-        })
-}

src/utils/hasDuplicateArrayValue.ts

@@ -1,22 +0,0 @@
-   
-export const hasDuplicateArrayValue = <T>(data: T[], key: keyof T): boolean => {
-    console.log(data);
-    
-    if (data.length < 1) {
-        return false; // Early return for empty array
-    }
-
-    const hashMap = new Map<any, boolean>(); // Using 'any' type for flexibility
-
-    for (const item of data) {
-        const value = item[key]; // Accessing the value using the key
-
-        if (hashMap.has(value)) {
-            return true; // Duplicate found
-        } else {
-            hashMap.set(value, true); // Store the value as a key in the map
-        }
-    }
-
-    return false; // No duplicates found
-};