exam-header

src/App.js

@@ -43,6 +43,7 @@ import ChatPage from "./view/chatPage";
 import ShoppingCart from "./components/ShoppingCart";
 import MyServices from "./view/my-services/MyServices";
 import MobileMyServices from "./view/my-services/mobile/MyServices";
+import Exam from "./view/Exam2/Exam";
 
 let data = [
   {
@@ -675,13 +676,19 @@ function App() {
     setActiveUserFullInfo(false);
   };
 
+  //------------------------------------
+  console.log("hhhhhhhh--------------------");
+  console.log(location.split("/"));
+
   return (
     <Provider store={store}>
       <div>
         <Router>
           <div className="App">
-            {LOGIN && <Header logOut={logOut} />}
-            {LOGIN && <Nav />}
+            {LOGIN && location?.split("/")[3] !== "exam" && (
+              <Header logOut={logOut} />
+            )}
+            {LOGIN && location?.split("/")[3] !== "exam" && <Nav />}
             <Routes>
               <Route
                 path="/"
@@ -704,7 +711,11 @@ function App() {
                 path="/myServices"
                 element={
                   LOGIN ? (
-                    window.innerWidth>1000 ?<MyServices /> : <MobileMyServices/>
+                    window.innerWidth > 1000 ? (
+                      <MyServices />
+                    ) : (
+                      <MobileMyServices />
+                    )
                   ) : (
                     <LoginSignUp activeLogin={activeLogin} />
                   )
@@ -758,7 +769,7 @@ function App() {
                   <Route
                     exact
                     path="/dashboard/azmoon_list/exam/:id"
-                    element={<EXAM />}
+                    element={<Exam />}
                   />
                 </>
               ) : (

src/view/Exam2/Exam.js

@@ -0,0 +1,14 @@
+import Header from "./Header";
+
+
+
+
+const Exam=()=>{
+  return(
+    <div className="Exam px-28 pt-16 relative">
+      <Header/>
+    </div>
+  )
+}
+
+export default Exam;

src/view/Exam2/Header.js

@@ -0,0 +1,62 @@
+
+import { useState } from "react";
+import { RiTimerLine } from "react-icons/ri";
+
+const Header=()=>{
+  return (
+    <div className="Header w-full h-14 fixed top-2 left-0 px-28">
+      <div className="w-full h-full flex flex-row-reverse items-center justify-between rounded-lg border border-[#ECECEC] px-6">
+        <div
+          className="text-right text-sm text-right"
+          style={{ width: "calc(100% - 220px)" }}
+        >
+          آزمون تیزهوشان درس تاریخ باستان
+        </div>
+        <div className="w-52 flex items-center gap-x-2">
+          <div className="w-[30%]">
+            <Timer/>
+          </div>
+          <div className="text-sm" style={{direction:'rtl'}}>زمان باقی‌مانده :</div>
+          <RiTimerLine className="text-xl text-[#DF1452]" />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Header;
+
+const Timer = ({ cellphone }) => {
+  const [min, setMin] = useState(10);
+  const [sec, setSec] = useState(30);
+  const [showBtn, setShowbtn] = useState(false);
+
+  setTimeout(() => {
+    if (sec === 0 && min === 0) {
+      setShowbtn(true);
+    }
+    if (sec === 0 && !showBtn) {
+      setSec(59);
+      setMin(min - 1);
+    } else {
+      setSec(sec - 1);
+    }
+  }, 1000);
+
+  return (
+    <>
+      {!showBtn && (
+        <div className="Code-container-send-code-again h-4/5 flex items-center justify-between">
+          <div className="w-[48%] text-sm text-center">{min}</div>
+          <div>:</div>
+          <div className="w-[48%] text-sm text-center">{sec}</div>
+        </div>
+      )}
+      {showBtn && (
+        <div className="Code-container-send-code-again mt-6 text-sm w-full text-center">
+          اتمام زمان
+        </div>
+      )}
+    </>
+  );
+};

src/view/register/index.js

@@ -394,30 +394,29 @@ const Register = ({
 
   const [uploadImgNumber, setUploadImgNumber] = useState(0);
   const uploadImghandler1 = (e) => {
+    setFiles({ ...files, personalPic: e });
     uploadImg({
       file: e,
     });
     setUploadImgNumber(1);
-    setFiles({ ...files, personalPic: e });
   };
 
   const uploadImghandler2 = (e) => {
     setFiles({ ...files, shenasNameh: e });
-    console.log("fffffff:");
-    console.log(e);
     uploadImg({
       file: e,
     });
     setUploadImgNumber(2);
   };
 
+  
   useEffect(() => {
     if (uploadImgNumber === 1) {
       setUserInfo({ ...userInfo, personalPicFileId: lastUploadId });
-    } else if (uploadImgNumber === 2) {
+    } else{
       setUserInfo({ ...userInfo, shenasnamehFileId: lastUploadId });
     }
-  }, [uploadImgNumber]);
+  }, [uploadImgNumber,uploadLoading]);
 
   const firstStepSubmit = () => {
     if (!userInfo.firstName && !userInfo.lastName) {