From 2d3613d1e3de36de95a425c57243004ce51d97d5 Mon Sep 17 00:00:00 2001
From: Majd_dk <Majd007n82@gmail.com>
Date: Tue, 19 Nov 2024 16:55:19 +0300
Subject: [PATCH] add  QRCode to EditQuestionPage

---
 src/Components/Table/QRCodeGenerator.tsx         |  8 +++-----
 .../question/Model/EditForm/FormContainer.tsx    | 16 ++++++++++++++++
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/Components/Table/QRCodeGenerator.tsx b/src/Components/Table/QRCodeGenerator.tsx
index 3c7cc7b..17483a8 100644
--- a/src/Components/Table/QRCodeGenerator.tsx
+++ b/src/Components/Table/QRCodeGenerator.tsx
@@ -1,12 +1,10 @@
 import React from "react";
 import QRCode from "react-qr-code";
 
-const QRCodeGenerator = ({ url, serial }: any) => {
-  const qrValue = `${url}/${serial}`;
-  console.log(qrValue);
+const QRCodeGenerator = ({url}:any) => {
   return (
-    <div style={{ display: "flex", justifyContent: "center" }}>
-      <QRCode value={qrValue} size={230} type="link" />
+    <div style={{display:'flex',justifyContent:'center'}} >
+      <QRCode value={url} size={230} type='link' />
     </div>
   );
 };
diff --git a/src/Pages/Admin/question/Model/EditForm/FormContainer.tsx b/src/Pages/Admin/question/Model/EditForm/FormContainer.tsx
index 786e951..eeab83d 100644
--- a/src/Pages/Admin/question/Model/EditForm/FormContainer.tsx
+++ b/src/Pages/Admin/question/Model/EditForm/FormContainer.tsx
@@ -8,6 +8,10 @@ import { CheckboxProps } from "antd/lib";
 import { LocalStorageEnum } from "../../../../../enums/LocalStorageEnum";
 import { useObjectToEdit } from "../../../../../zustand/ObjectToEditState";
 import ModelForm from "../../Model/ModelForm";
+import QrCodeModels from "../../../../../Layout/Dashboard/QrCodeModels";
+import { ModalEnum } from "../../../../../enums/Model";
+import { BsQrCode } from "react-icons/bs";
+import { useModalState } from "../../../../../zustand/Modal";
 
 const FormContainer = ({
   objectToEdit,
@@ -56,6 +60,12 @@ const FormContainer = ({
       e.target.checked ? "true" : "false",
     );
   };
+  const { setIsOpen } = useModalState((state) => state);
+
+  const handleClickQr = () => {
+    setObjectToEdit(objectToEdit);
+    setIsOpen(ModalEnum?.QUESTION_QR);
+  };
 
   const contentSetting = (
     <div>
@@ -71,6 +81,7 @@ const FormContainer = ({
 
   return (
     <div className="QuestionPractical">
+
       <header>
         <MdOutlineArrowForwardIos onClick={handleNavigateToPage} />{" "}
         {t("header.edit_question")}
@@ -93,8 +104,13 @@ const FormContainer = ({
                     {t("practical.edit")} {t("models.exercise")}{" "}
                   </div>
                   <div className="SettingEdit">
+                      {objectToEdit &&(<>
+        <QrCodeModels ModelEnum={ModalEnum?.QUESTION_QR} />
+        <BsQrCode onClick={handleClickQr} size={22} style={{ color: "#A098AE" }} />
+</>)}
                     <Popover trigger="click" content={contentSetting}>
                       <SettingFilled />
+
                     </Popover>
                     <div>{t("header.exercise")}</div>
                   </div>