.vscode/settings.json

@@ -10,7 +10,6 @@
     "Groupbutton",
     "handelnavigate",
     "Karim",
-    "Popconfirm",
     "queryqlent",
     "registraion",
     "SENDNOTIFICATION",

src/Components/CustomFields/ImageBoxField/ImageBoxField.tsx

@@ -65,7 +65,7 @@ const ImageBoxField = ({ name }: any) => {
       </div>
       <div className="ImageBox">
         {imagePreview ? (
-          <img src={imagePreview} onClick={handleButtonClick} alt="Preview" className="imagePreview" />
+          <img src={imagePreview} alt="Preview" className="imagePreview" />
         ) : (
           <ImageIcon onClick={handleButtonClick} className="ImageBoxIcon" />
         )}

src/Components/ValidationField/View/TextField.tsx

@@ -14,10 +14,10 @@ const TextField = ({
   placeholder,
   isDisabled,
   onChange,
+  props,
   no_label,
   label_icon,
   className,
-  ...props
 }: any) => {
   const { formik, isError, errorMsg, t } = useFormField(name, props);
   const TextFilehandleChange = (
@@ -48,7 +48,6 @@ const TextField = ({
           onChange={onChange || TextFilehandleChange}
           style={{ height: 120 }}
           id={name}
-          {...props}
         />
       </ValidationFieldContainer>
     </div>

src/Components/exercise/Header.tsx

@@ -4,16 +4,14 @@ import { useTranslation } from "react-i18next";
 import { GoArrowSwitch } from "react-icons/go";
 import { useObjectToEdit } from "../../zustand/ObjectToEditState";
 import { QUESTION_OBJECT_KEY } from "../../config/AppKey";
-import { Popconfirm, Popover } from "antd";
+import { Popover } from "antd";
 import { CombinationKeyEnum } from "../../enums/CombinationKeyEnum";
-import { PopconfirmProps } from "antd/lib";
 
 const Header = () => {
   const [t] = useTranslation();
   const { values, setFieldValue, setValues } = useFormikContext<any>();
   const { isBseQuestion, setIsBseQuestion } = useObjectToEdit();
   const { setSavedQuestionData } = useObjectToEdit();
-
   const handleChange = () => {
     setSavedQuestionData(null);
     localStorage.removeItem(QUESTION_OBJECT_KEY);
@@ -28,14 +26,6 @@ const Header = () => {
     }
   };
 
-  const confirm: PopconfirmProps['onConfirm'] = (e) => {
-    console.log(e);
-    setTimeout(() => {
-      handleChange()
-    }, 500);
-    
-  };
-
   const content = (
     <div>
       <p>
@@ -62,18 +52,7 @@ const Header = () => {
         </div>
       </article>
       <div>
-      <Popconfirm
+        <GoArrowSwitch onClick={handleChange} className="m-2" />
-    title={t("header.this_will_un_do_all_your_changes")}
-    okText={t("practical.yes")}
-    cancelText={t("practical.no")}
-    onConfirm={()=>{confirm()}}
-    defaultOpen={false}
-
-  >
-  
-        <GoArrowSwitch className="m-2" />
-
-  </Popconfirm>
         {isBseQuestion || values?.isBase === 1
           ? t("header.malty_exercise")
           : t("header.exercise")}

src/Hooks/useFormField.tsx

@@ -7,7 +7,6 @@ import { useEffect } from "react";
 
 const useFormField = (name: string, props?: any) => {
   const [field, meta] = useField({ name, ...props });
-  
   const { t } = useTranslation();
   const formik = useFormikContext<any>();
 

src/Layout/Dashboard/FormikFormModel.tsx

@@ -29,7 +29,6 @@ const FormikFormModel: React.FC<FormikFormProps> = ({
       initialValues={initialValues}
       validationSchema={validationSchema}
       onSubmit={handleSubmit}
-      
     >
       {(formik) => {
         useEffect(() => {

src/Pages/Admin/question/AddPage.tsx

@@ -10,7 +10,7 @@ import {
 } from "./Model/formUtil";
 import { useAddQuestion, useAddQuestionAsync } from "../../../api/Question";
 import { useTranslation } from "react-i18next";
-import { useLocation, useNavigate, useParams } from "react-router-dom";
+import { useNavigate, useParams } from "react-router-dom";
 import { ParamsEnum } from "../../../enums/params";
 import { useObjectToEdit } from "../../../zustand/ObjectToEditState";
 
@@ -19,13 +19,9 @@ import { Question } from "../../../types/Item";
 import BaseForm from "./Model/Malty/Form";
 import ModelForm from "./Model/ModelForm";
 import { toast } from "react-toastify";
-import { Form, Formik } from "formik";
-import { MdOutlineArrowForwardIos } from "react-icons/md";
 const AcceptModal = lazy(() => import("./Model/AcceptModal"));
 
 const AddPage: React.FC = () => {
-  const location = useLocation();
-
   const { mutateAsync,isLoading:LoadingAsync } = useAddQuestionAsync();
   const { mutate, isLoading, isSuccess } = useAddQuestion();
   const { isBseQuestion, setTagsSearch, objectToEdit, setSuccess } =
@@ -34,7 +30,12 @@ const AddPage: React.FC = () => {
   const [t] = useTranslation();
   const { subject_id, lesson_id } = useParams<ParamsEnum>();
 
-  const handleSubmit = ( values: any) => {
+  console.log(objectToEdit, "objectToEdit");
+
+  const handleSubmit = (
+    values: any,
+    { resetForm }: { resetForm: () => void },
+  ) => {
     const DataToSend = structuredClone(values);
     setTagsSearch(null);
     console.log(1);
@@ -94,6 +95,17 @@ const AddPage: React.FC = () => {
         };
       });
 
+      if (answers?.length > 0) {
+        const isValidAnswers = answers?.some(
+          (answer: any) => answer?.isCorrect === 1,
+        );
+        console.log(!isValidAnswers);
+
+        if (!isValidAnswers) {
+          toast.error(t("validation.at_least_one_answer_should_be_correct"));
+          return;
+        }
+      }
 
       const NewQuestion = {
         ...values,
@@ -110,65 +122,14 @@ const AddPage: React.FC = () => {
     }
   };
 
-
-  const handleValidateSingleQuestion = (values:any)=>{
-      const haveAnswers = values?.answers?.length > 0 ; 
-      const haveMoreThanOneAnswer = haveAnswers && values?.answers?.length > 1;      
-      const haveOneAnswerRight = haveMoreThanOneAnswer && values?.answers?.some((item:any)=> item?.isCorrect === 1 || item.isCorrect === true )
-      if(!haveAnswers){
-          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 ;
-    }
-      
-  }
-
-  const handleValidateBaseQuestion = (values: any) => {  
-    const haveAnswers = values?.Questions?.every((Question: any, QuestionsIndex: number) => {
-      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);
-  
-      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;
-      }
-  
-      return true; 
-    });
-  
-    console.log(haveAnswers, "haveAnswers");
-  };
-  
   const navigate = useNavigate();
 
-  const handleNavigateToPage = () => {
-    const cleanedUrl = location.pathname?.replace("/Question/add", "");
-    navigate(cleanedUrl);
-  };
   const handleCancel = () => {
     navigate(-1);
   };
   const Loading = LoadingAsync || isLoading
   useEffect(() => {
+    console.log("all api success");
     if (isSuccess) {
       setSuccess(true);
     }
@@ -176,32 +137,19 @@ const AddPage: React.FC = () => {
 
   if (isBseQuestion) {
     return (
-      
-      <div className="QuestionPractical">
-      <header>
-      <MdOutlineArrowForwardIos onClick={handleNavigateToPage} />  {t("header.add_new_question")}
-      </header>
-
       <div className="exercise_add">
-        <Formik
+        <FormikForm
-        onSubmit={handleSubmit}
+          handleSubmit={handleSubmit}
-        initialValues={getInitialValuesBase({} as any)}
+          initialValues={getInitialValuesBase(objectToEdit)}
           validationSchema={getValidationSchemaBase}
-        enableReinitialize
         >
-            {({ values,handleSubmit }) => (
-
-<Form className="w-100">
           <main className="w-100 exercise_add_main">
             <Header />
             <BaseForm />
 
             <div className="exercise_add_buttons">
               <div onClick={handleCancel}>{t("practical.back")}</div>
-              <button disabled={Loading} className="relative" type="submit" 
+              <button disabled={Loading} className="relative" type="submit">
-               onClick={()=>{handleValidateBaseQuestion(values) ;handleSubmit(values)}}
-               onSubmit={()=>{handleValidateBaseQuestion(values) ;handleSubmit(values) }}
-              >
                 {t("practical.add")}
 
                 {Loading && (
@@ -212,48 +160,27 @@ const AddPage: React.FC = () => {
               </button>
             </div>
           </main>
-          </Form>
+        </FormikForm>
-            )}
-        </Formik>
         <Suspense fallback={<Spin />}>
           <AcceptModal />
         </Suspense>
       </div>
-      </div>
-
     );
   }
-
   return (
-
+    <div className="exercise_add">
-  <div className="QuestionPractical">
+      <FormikForm
-        <header>
+        handleSubmit={handleSubmit}
-        <MdOutlineArrowForwardIos onClick={handleNavigateToPage} />  {t("header.add_new_question")}
+        initialValues={getInitialValues(objectToEdit)}
-        </header>
-<div className="exercise_add">
-     <Formik
-  enableReinitialize={true}
-  initialValues={getInitialValues({} as any)}
         validationSchema={getValidationSchema}
-  onSubmit={(values) => {
+      >
-    handleSubmit(values); 
-  }}
->
-  {({ values,handleSubmit }) => (
-    <Form className="w-100">
         <main className="w-100 exercise_add_main">
           <Header />
           <ModelForm />
 
           <div className="exercise_add_buttons">
             <div onClick={handleCancel}>{t("practical.back")}</div>
-          <button
+            <button disabled={Loading} className="relative" type="submit">
-            disabled={Loading}
-            className="relative"
-            onClick={()=>{handleValidateSingleQuestion(values) ;handleSubmit(values)}}
-            onSubmit={()=>{handleValidateSingleQuestion(values) ;handleSubmit(values) }}
-            type="submit"
-          >
               {t("practical.add")}
 
               {Loading && (
@@ -264,15 +191,11 @@ const AddPage: React.FC = () => {
             </button>
           </div>
         </main>
-    </Form>
+      </FormikForm>
-  )}
-</Formik>
- 
       <Suspense fallback={<Spin />}>
         <AcceptModal />
       </Suspense>
     </div>
-    </div>
   );
 };
 

src/Pages/Admin/question/EditPage.tsx

@@ -25,8 +25,6 @@ import BaseForm from "./Model/Malty/Form";
 import { Question } from "../../../types/Item";
 import { toast } from "react-toastify";
 import { deletePathSegments } from "../../../utils/deletePathSegments";
-import { Form, Formik } from "formik";
-import { MdOutlineArrowForwardIos } from "react-icons/md";
 
 const EditPage: React.FC = () => {
   const { subject_id, lesson_id, question_id } = useParams<ParamsEnum>();
@@ -189,59 +187,6 @@ const EditPage: React.FC = () => {
   };
 
 
-  const handleValidateSingleQuestion = (values:any)=>{
-    const haveAnswers = values?.answers?.length > 0 ; 
-    const haveMoreThanOneAnswer = haveAnswers && values?.answers?.length > 1;      
-    const haveOneAnswerRight = haveMoreThanOneAnswer && values?.answers?.some((item:any)=> item?.isCorrect === 1 || item.isCorrect === true )
-    if(!haveAnswers){
-        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 ;
-  }
-    
-}
-
-const handleValidateBaseQuestion = (values: any) => {  
-  const haveAnswers = values?.Questions?.every((Question: any, QuestionsIndex: number) => {
-    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);
-
-    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;
-    }
-
-    return true; 
-  });
-
-  console.log(haveAnswers, "haveAnswers");
-};
-
-
-const handleNavigateToPage = () => {
-  const cleanedUrl = location.pathname.replace(/\/Question\/\d+$/, "");
-  navigate(cleanedUrl);
-};
-
   useEffect(() => {
     if (isSuccess) {
       toast.success(t("validation.the_possess_done_successful"));
@@ -256,24 +201,13 @@ const handleNavigateToPage = () => {
   }
   if (objectToEdit?.isBase) {
     return (
-
-      
-    <div className="QuestionPractical">
-    <header>
-    <MdOutlineArrowForwardIos onClick={handleNavigateToPage} />  {t("header.edit_question")}
-    </header>
-
       <div className="exercise_add">
-             <Formik
+        <FormikForm
-        onSubmit={handleSubmit}
+          handleSubmit={handleSubmit}
           initialValues={getInitialValuesBase(objectToEdit)}
           validationSchema={getValidationSchemaBase}
-        enableReinitialize
         >
-            {({ values,handleSubmit }) => (
+          <main className="w-100 exercise_add_main">
-
-<Form className="w-100">
-<main className="w-100 exercise_add_main">
             {/* <Header/> */}
             <header className="exercise_add_header mb-4">
               <div>
@@ -284,10 +218,8 @@ const handleNavigateToPage = () => {
             <BaseForm />
             <div className="exercise_add_buttons">
               <div onClick={handleCancel}>{t("practical.back")}</div>
-              <button disabled={Loading} className="relative" type="submit" 
+              <button disabled={Loading} className="relative" type="submit">
-               onClick={()=>{handleValidateBaseQuestion(values) ;handleSubmit(values)}}
+                {t("practical.edit")}
-               onSubmit={()=>{handleValidateBaseQuestion(values) ;handleSubmit(values) }}
-              >                {t("practical.edit")}
 
                 {Loading && (
                   <span className="Spinier_Div">
@@ -297,34 +229,18 @@ const handleNavigateToPage = () => {
               </button>
             </div>
           </main>
- </Form>
+        </FormikForm>
-            )}
-        </Formik>
-
-      </div>
       </div>
     );
   }
 
-
   return (
-
-    <div className="QuestionPractical">
-      <header>
-      <MdOutlineArrowForwardIos onClick={handleNavigateToPage} />  {t("header.edit_question")}
-      </header>
     <div className="exercise_add">
-
+      <FormikForm
-<Formik
+        handleSubmit={handleSubmit}
-  enableReinitialize={true}
         initialValues={getInitialValues(objectToEdit)}
         validationSchema={getValidationSchema}
-  onSubmit={(values) => {
+      >
-    handleSubmit(values); 
-  }}
->
-  {({ values,handleSubmit }) => (
-    <Form className="w-100">
         <main className="w-100 exercise_add_main">
           {/* <Header/> */}
           <header className="exercise_add_header mb-4">
@@ -336,13 +252,8 @@ const handleNavigateToPage = () => {
           <ModelForm />
           <div className="exercise_add_buttons">
             <div onClick={handleCancel}>{t("practical.back")}</div>
-            <button
+            <button disabled={Loading} className="relative" type="submit">
-            disabled={Loading}
+              {t("practical.edit")}
-            className="relative"
-            onClick={()=>{handleValidateSingleQuestion(values) ;handleSubmit(values)}}
-            onSubmit={()=>{handleValidateSingleQuestion(values) ;handleSubmit(values) }}
-            type="submit"
-          >              {t("practical.edit")}
 
               {Loading && (
                 <span className="Spinier_Div">
@@ -352,14 +263,8 @@ const handleNavigateToPage = () => {
             </button>
           </div>
         </main>
-
+      </FormikForm>
-</Form>
-  )}
-</Formik>
- 
     </div>
-    </div>
-
   );
 };
 

src/Pages/Admin/question/Model/Field/ChoiceFields.tsx

@@ -39,7 +39,6 @@ const ChoiceFields = ({ index, data }: { index: number; data: Choice }) => {
           name={index}
           id={`choice_${index + 1}`}
           type="TextArea"
-          
         />
 
         <ImageBoxField name={`answers.${index}.content_image`} />
@@ -51,11 +50,11 @@ const ChoiceFields = ({ index, data }: { index: number; data: Choice }) => {
             name={index}
             type="Checkbox"
           />
-          <p className="delete_question_options" onClick={handleDeleteChoice}>
+          <p className="delete_question_options">
             {t("header.delete_choice")}
             <GoTrash
               className="trash_icon"
-              
+              onClick={handleDeleteChoice}
               size={17}
             />
           </p>
@@ -67,9 +66,8 @@ const ChoiceFields = ({ index, data }: { index: number; data: Choice }) => {
           placeholder="_"
           name={`answers.${index}.hint`}
           label="hint"
-          type="TextArea"
+          type="text"
-          style={{ width: "100%" , height: 60,resize:"none" }}
+          style={{ width: "100%" }}
-          showCount={false}
         />
       </div>
     </>

src/Pages/Admin/question/Model/Field/Choices.tsx

@@ -36,21 +36,12 @@ const Choices = () => {
   };
 
   return (
-    <>
+    <DragDropContext onDragEnd={handleDragEnd}>
- {formik?.values?.answers?.map((item: Choice, index: number) => {
-              return (
-                    <div
-                    >
-                      <ChoiceFields index={index} data={item} />
-                    </div>
-              );
-            })}
-
-    {/* <DragDropContext onDragEnd={handleDragEnd}>
       <Droppable droppableId="choices">
         {(provided) => (
           <div {...provided.droppableProps} ref={provided.innerRef}>
             {formik?.values?.answers?.map((item: Choice, index: number) => {
+              // Use a unique identifier for draggableId
               const draggableId = item.name
                 ? item.name.toString()
                 : `item-${index}`;
@@ -76,12 +67,11 @@ const Choices = () => {
                 </Draggable>
               );
             })}
-            {provided.placeholder} 
+            {provided.placeholder} {/* Placeholder for spacing */}
           </div>
         )}
       </Droppable>
-    </DragDropContext> */}
+    </DragDropContext>
-    </>
   );
 };
 

src/Pages/Admin/question/Model/Malty/ChoiceField/ChoiceFields.tsx

@@ -72,11 +72,11 @@ const ChoiceFields = ({
             type="Checkbox"
             parent_index={parent_index}
           />
-          <p className="delete_question_options" onClick={handleDeleteChoice}>
+          <p className="delete_question_options">
             {t("header.delete_choice")}
             <GoTrash
               className="trash_icon"
-              
+              onClick={handleDeleteChoice}
               size={17}
             />
           </p>
@@ -89,9 +89,8 @@ const ChoiceFields = ({
           placeholder="_"
           name={`Questions.${parent_index}.answers.${index}.hint`}
           label="hint"
-          type="TextArea"
+          type="text"
-          style={{ width: "100%" , height: 60,resize:"none" }}
+          style={{ width: "100%" }}
-          showCount={false}
         />
       </div>
     </>

src/Pages/Admin/question/Model/Malty/ChoiceField/Choices.tsx

@@ -44,28 +44,7 @@ const Choices = ({ parent_index }: { parent_index: number }) => {
 
   return (
     <>
-
+      <DragDropContext onDragEnd={handleDragEnd}>
-            <div>
-              {(
-                (formik?.values as any)?.Questions?.[parent_index]?.answers ||
-                []
-              ).map((item: Choice, index: number) => {
-                return (
-                      <div
-      
-                      >
-                        <ChoiceFields
-                          key={index}
-                          parent_index={parent_index}
-                          index={index}
-                          data={item}
-                        />
-                      </div>
-                );
-              })}
-
-            </div>
-      {/* <DragDropContext onDragEnd={handleDragEnd}>
         <Droppable droppableId="choices">
           {(provided) => (
             <div {...provided.droppableProps} ref={provided.innerRef}>
@@ -108,7 +87,7 @@ const Choices = ({ parent_index }: { parent_index: number }) => {
             </div>
           )}
         </Droppable>
-      </DragDropContext> */}
+      </DragDropContext>
     </>
   );
 };

src/Pages/Admin/question/Model/Malty/Form.tsx

@@ -86,8 +86,6 @@ const Form = () => {
     },
   );
 
-
-
   return (
     <Row className="w-100 exercise_form_container">
       <div className="exercise_form">
@@ -101,7 +99,7 @@ const Form = () => {
 
         <div></div>
       </div>
-      <div className="flex"></div>
+      <div className=" flex "></div>
 
       {((formik?.values as any)?.Questions || [])?.map(
         (item: Choice, parent_index: number) => {
@@ -134,9 +132,8 @@ const Form = () => {
                   placeholder="_"
                   name={`Questions.${parent_index}.hint`}
                   label="hint_question"
-                  type="TextArea"
+                  type="text"
-          style={{ width: "100%" , height: 60,resize:"none" }}
+                  style={{ width: "100%" }}
-          showCount={false}
                 />
                 <MaltySelectTag parent_index={parent_index} />
               </div>

src/Pages/Admin/question/Model/Malty/QuestionFIeld/QuestionFIeld.tsx

@@ -53,12 +53,12 @@ const QuestionFIeld = ({ index, data }: { index: number; data: Choice }) => {
 
           <ImageBoxField name={`Questions.${index}.content_image`} />
 
-          <div className="answer_status"  onClick={handleDeleteQuestion}>
+          <div className="answer_status">
             <p className="delete_question_options">
               {t("header.delete_question")}
               <GoTrash
                 className="trash_icon"
-               
+                onClick={handleDeleteQuestion}
                 size={17}
               />
             </p>

src/Pages/Admin/question/Model/Malty/Tags/MaltySelectTag.tsx

@@ -41,10 +41,14 @@ const MaltySelectTag = ({ parent_index }: { parent_index: number }) => {
       ? [{ id: searchValue, name: searchValue }]
       : [];
 
+  console.log(options);
   const value =
     formik?.values?.Questions[parent_index]?.tags?.map(
       (item: any) => item?.id ?? item,
     ) ?? [];
+  console.log(formik?.values?.Questions[parent_index]);
+
+  console.log(value);
 
   const AllOptions = [...options, ...additionalData];
 

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

@@ -20,7 +20,7 @@ const Form = () => {
 
   const handleAddChoice = (fromKeyCombination: boolean = false) => {
     formik.setFieldValue("answers", [
-      ...(formik?.values?.answers ?? []) ,
+      ...((formik?.values as any)?.answers as Choice[]),
       {
         content: null,
         content_image: null,
@@ -42,12 +42,13 @@ const Form = () => {
 
   useEffect(() => {
     if (Success) {
-      formik.resetForm()
+      formik?.setValues({});
+      formik.setErrors({});
       setSuccess(false);
+      console.log(formik.errors);
     }
   }, [Success]);
 
-    
   return (
     <Row className="w-100 exercise_form_container">
       <div className="exercise_form">
@@ -61,7 +62,7 @@ const Form = () => {
       </div>
 
       <Choices />
-      {(formik?.values?.answers === null || formik?.values?.answers === undefined || formik?.values?.answers?.length < 5) && (
+      {formik?.values?.answers?.length < 5 && (
         <p className="add_new_button">
           <FaCirclePlus onClick={() => handleAddChoice()} size={23} />{" "}
           {t("header.add_new_choice")}
@@ -74,10 +75,8 @@ const Form = () => {
           placeholder="_"
           name="hint"
           label="hint_question"
-          type="TextArea"
+          type="text"
-          style={{ width: "100%" , height: 60,resize:"none" }}
+          style={{ width: "100%" }}
-          showCount={false}
-
         />
         <SelectTag />
       </div>

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

@@ -16,7 +16,7 @@ export const getInitialValues = (objectToEdit: Question): any => {
     hint: objectToEdit?.hint ?? null,
     isBase: 0,
     parent_id: objectToEdit?.parent_id ?? "",
-    answers: objectToEdit?.answers ?? null,
+    answers: objectToEdit?.answers ?? [],
     tags: tags ?? [],
   };
 };
@@ -32,19 +32,6 @@ export const getValidationSchema = () => {
         content_image: Yup.string().nullable(),
         isCorrect: Yup.boolean(),
       }),
-    ).min(2).test(
-      "at-least-one-correct",
-      "At least one answer must be correct",
-      (answers: any) => {
-        console.log(answers, "answers");
-          if(answers === null){
-            return true
-          }
-        return answers?.some(
-          (answer: any) =>
-            answer?.isCorrect === true || answer?.isCorrect === 1,
-        );
-      },
     ),
   });
 };
@@ -55,18 +42,10 @@ export const getInitialValuesBase = (objectToEdit: Question): any => {
       id: tag?.id,
       name: tag?.name,
     }));
-    const newAnswers = item?.answers?.map((item:any)=>{
+    console.log(item, "item");
-      return {
-          ...item,
-          content : item?.content ?? null
-
-      }
-    })
-    console.log(newAnswers,"newAnswers");
 
     return {
       ...item,
-      answer:newAnswers,
       canAnswersBeShuffled: objectToEdit?.canAnswersBeShuffled ? 1 : 0,
       hint: objectToEdit?.hint ?? "",
       isBase: 0,
@@ -74,7 +53,7 @@ export const getInitialValuesBase = (objectToEdit: Question): any => {
     };
   });
 
-  const questions = newQuestions ?? [{answers:[]}];
+  const questions = newQuestions ?? [];
 
   return {
     id: objectToEdit?.id ?? null,
@@ -105,15 +84,12 @@ export const getValidationSchemaBase = () => {
               answer_image: Yup.string().nullable(),
               isCorrect: Yup.boolean(),
             }),
-          ).min(2)
+          )
           .test(
             "at-least-one-correct",
             "At least one answer must be correct",
             (answers: any) => {
-
+              console.log(answers, "answers");
-              if(answers === null){
-                return true
-              }
 
               return answers.some(
                 (answer: any) =>
@@ -122,7 +98,7 @@ export const getValidationSchemaBase = () => {
             },
           ),
       }),
-    ).min(1),
+    ),
   });
 };
 

src/Pages/Admin/question/Page.tsx

@@ -11,6 +11,7 @@ import DeleteModels from "../../../Layout/Dashboard/DeleteModels";
 import { ModalEnum } from "../../../enums/Model";
 import { useGetAllSubject } from "../../../api/subject";
 import { useGetAllGrade } from "../../../api/grade";
+import { useGetAllCurriculum } from "../../../api/curriculum";
 import PageHeader from "../../../Layout/Dashboard/PageHeader";
 import { ABILITIES_ENUM } from "../../../enums/abilities";
 import { canAddQuestion } from "../../../utils/hasAbilityFn";

src/Pages/Auth/FormField.tsx

@@ -14,7 +14,6 @@ import {
 } from "../../config/AppKey";
 import useFormatAuthDataToSelect from "../../utils/useFormatAuthDataToSelect";
 import { useTranslation } from "react-i18next";
-import ValidationField from "../../Components/ValidationField/ValidationField";
 
 type FormFieldType = {
   isLoading: boolean;
@@ -26,11 +25,22 @@ const FormField = ({ isLoading }: FormFieldType) => {
     <Form className="AuthForm">
       {/* <Image style={{background:"#000"}} src="../App/Logo.png" /> */}
       <h2>{t("تسجيل الدخول إلى حسابك")}</h2>
+      <div className="AuthInput">
+        <label className="form-label" htmlFor="username">
+          {t("input.Username")}
+        </label>
+        <Field
+          placeholder={t("input.Username")}
+          as={Input}
+          type="text"
+          id="username"
+          name="username"
+          className="Input"
+          size="large"
+        />
+      </div>
 
-      <ValidationField name="username" label="username" />
+      <div className="AuthInput">
-
-        <ValidationField name="password" label="password" />
-      {/* <div className="AuthInput">
         <label className="form-label" htmlFor="password">
           {t("input.Password")}
         </label>
@@ -43,7 +53,7 @@ const FormField = ({ isLoading }: FormFieldType) => {
           className="passwordInput"
           size="large"
         />
-      </div> */}
+      </div>
 
       <button disabled={isLoading} type="submit" className="auth_submit_button">
         {t("practical.login")}

src/Pages/Auth/LoginForm.tsx

@@ -4,7 +4,7 @@ import useAuthState from "../../zustand/AuthState";
 import useNavigateOnSuccess from "../../Hooks/useNavigateOnSuccess";
 import { useLoginAdmin } from "../../api/auth";
 import FormField from "./FormField";
-import { initialValues, validationSchema } from "./formutils";
+import { initialValues } from "./formutils";
 import { FormValues } from "../../types/Auth";
 import { toast } from "react-toastify";
 import { useTranslation } from "react-i18next";
@@ -39,7 +39,7 @@ const LoginForm = () => {
 
   return (
     <div className="LoginForm">
-      <Formik initialValues={initialValues} onSubmit={handelSubmit}  validationSchema={validationSchema} >
+      <Formik initialValues={initialValues} onSubmit={handelSubmit}>
         {(formikProps) => <FormField isLoading={isLoading} />}
       </Formik>
     </div>

src/Pages/Auth/formutils.ts

@@ -2,8 +2,8 @@ import * as Yup from "yup";
 import { FormValues } from "../../types/Auth";
 
 export const validationSchema = Yup.object().shape({
-  username: Yup.string().required("validation.required"),
+  username: Yup.string().required("Username is required"),
-  password: Yup.string().required("validation.required").min(8,"validation.Password_must_be_at_least_8_characters_long"),
+  password: Yup.string().required("Password is required"),
 });
 
 export const initialValues: FormValues = {

src/Pages/Home/Dummy.tsx

@@ -3,7 +3,6 @@ import { useTranslation } from "react-i18next";
 import { ABILITIES_ENUM } from "../../enums/abilities";
 import useSetPageTitle from "../../Hooks/useSetPageTitle";
 import useFilter from "../../Components/FilterField/components/useFilter";
-import { Button, Popconfirm } from "antd";
 
 const Dummy = () => {
   const [t] = useTranslation();
@@ -13,7 +12,6 @@ const Dummy = () => {
     <div className="DummyHomePage">
       {/* <FilterButton />
       <FilterBody>karim</FilterBody> */}
- 
     </div>
   );
 };

src/Styles/Antd/Mix.scss

@@ -10,7 +10,12 @@
     }
   }
 }
-x
+
+.Popover {
+  .ant-popover-inner {
+    padding: 0 !important;
+  }
+}
 
 .Color_type_checkbox.false {
   .ant-checkbox-checked .ant-checkbox-inner {

src/Styles/Pages/exercise.scss

@@ -41,7 +41,7 @@
   // padding: 2vw;
   .exercise_add_main {
     background: var(--bg);
-    padding: 10px 2vw;
+    padding: 2vw;
   }
   .exercise_add_buttons {
     display: flex;
@@ -144,8 +144,7 @@
 .delete_question_options {
   margin-top: 25px;
   color: var(--warning);
-  z-index: 9999;
+
-  cursor: pointer;
   padding-left: 10px;
   .trash_icon {
     margin-right: 10px !important;
@@ -212,37 +211,3 @@
   transform: translateY(55px);
   z-index: -1;
 }
-
-
-
-.ant-popconfirm .ant-popconfirm-buttons{
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    >{
-      flex: 1;
-      min-height: auto;
-      min-width: 30px;
-
-    }
-    .ant-btn{
-      min-height: 30px !important;
-      max-height: 30px !important;
-      min-width: 50px;
-      padding: 5px !important;
-      display: flex;
-      align-items: center;
-      justify-content: center ;
-    
-
-    }
-}
-
-.QuestionPractical{
-  display: flex;
-  flex-direction: column;
-  background: var(--bg);
-  >header{
-    padding: 30px 2vw 10px 2vw;
-  }
-}

src/translate/ar.json

@@ -46,9 +46,7 @@
     "grade_to_pass_must_be_less_than_max_grade": "يجب أن تكون درجة النجاح أقل من الحد الأقصى للدرجة",
     "max_mark_must_be_greater_than_min_mark_to_pass": "يجب ان تكون اكبر من علامة النجاح",
     "Sorry, the question must have at least one option": "عذرًا، يجب أن يحتوي السؤال على خيار واحد على الأقل",
-    "at_least_one_answer_should_be_correct": "يجب أن تكون إجابة واحدة  صحيحة",
+    "at_least_one_answer_should_be_correct": "يجب أن تكون إجابة واحدة  صحيحة"
-    "it_should_have_more_than_one_answers":"يجب أن يحتوي على أكثر من إجابة",
-    "it_should_have_more_than_one_correct_answers":"يجب أن يحتوي على إجابة صحيحة"
   },
   "header": {
     "register_students": "تسجيل الطلاب",
@@ -125,9 +123,7 @@
     "personal_information": "المعلومات الشخصية",
     "address": "العنوان",
     "attachment": "المرفق",
-    "subject_of_class": "مواد الصف",
+    "subject_of_class": "مواد الصف"
-    "this_will_un_do_all_your_changes":"سوف يؤدي هذا إلى إلغاء جميع تغييراتك",
-    "edit_question":"تعديل سؤال"
   },
   "columns": {
     "id": "الرقم التعريفي",