change upload foto function

app/component/uploadFile/index.js

@@ -43,27 +43,31 @@ function UploadFile({ image, setImage }) {
         className="contents"
         onChange={handleChange}
       />
-      {image ? (
+      <div
-        <Image
-          width={24}
-          height={24}
-          src={image}
-          alt="img-uploaded"
-          className="w-[74px] h-[74px] rounded-full overflow-hidden object-cover"
-        />
-      ) : (
-        <div className="p-[24px] grid place-items-center border border-solid border-[#EFEFEF] bg-[#EFEFEF] rounded-full">
-          <ProfileP />
-        </div>
-      )}
-      <Button
-        variant="text"
         onClick={openInput}
-        className="!flex !p-1 dark:!text-[#A1A1A1] !text-[#525252] !text-[16px] !font-medium !items-center !justify-center !gap-[4px]"
+        className="flex items-center justify-start gap-[10px] cursor-pointer"
       >
-        انتخاب تصویر
+        {image ? (
-        <ArrowLeftPU />
+          <Image
-      </Button>
+            width={24}
+            height={24}
+            src={image}
+            alt="img-uploaded"
+            className="w-[74px] h-[74px] rounded-full overflow-hidden object-cover"
+          />
+        ) : (
+          <div className="p-[24px] grid place-items-center border border-solid border-[#EFEFEF] bg-[#EFEFEF] rounded-full">
+            <ProfileP />
+          </div>
+        )}
+        <Button
+          variant="text"
+          className="!flex !p-1 dark:!text-[#A1A1A1] !text-[#525252] !text-[16px] !font-medium !items-center !justify-center !gap-[4px]"
+        >
+          انتخاب تصویر
+          <ArrowLeftPU />
+        </Button>
+      </div>
     </>
   );
 }

components/panel/addDoctor/listMenu/generalInformation/Head.js

@@ -4,11 +4,7 @@ import { useState } from "react";
 function Head() {
   const [image, setImage] = useState("");
 
-  return (
+  return <UploadFile image={image} setImage={setImage} />;
-    <div className="flex items-center justify-center md:justify-start gap-[10px]">
-      <UploadFile image={image} setImage={setImage} />
-    </div>
-  );
 }
 
 export default Head;

components/panel/userAccount/account/Head.js

@@ -6,11 +6,7 @@ import { useState } from "react";
 function Head() {
   const [image, setImage] = useState("");
 
-  return (
+  return <UploadFile image={image} setImage={setImage} />;
-    <div className="flex items-center justify-center md:justify-start gap-[10px]">
-      <UploadFile image={image} setImage={setImage} />
-    </div>
-  );
 }
 
 export default Head;