From de3620c7fd11e0fcb9f23f7171c614d7a57639e3 Mon Sep 17 00:00:00 2001
From: ehsanahmadi456 <ehsanahmadi8338@gmail.com>
Date: Mon, 31 Mar 2025 05:08:57 +0330
Subject: [PATCH] change upload foto function

---
 app/component/uploadFile/index.js             | 42 ++++++++++---------
 .../listMenu/generalInformation/Head.js       |  6 +--
 components/panel/userAccount/account/Head.js  |  6 +--
 3 files changed, 25 insertions(+), 29 deletions(-)

diff --git a/app/component/uploadFile/index.js b/app/component/uploadFile/index.js
index a0f3cbd..8d1dfd4 100644
--- a/app/component/uploadFile/index.js
+++ b/app/component/uploadFile/index.js
@@ -43,27 +43,31 @@ function UploadFile({ image, setImage }) {
         className="contents"
         onChange={handleChange}
       />
-      {image ? (
-        <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"
+      <div
         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"
       >
-        انتخاب تصویر
-        <ArrowLeftPU />
-      </Button>
+        {image ? (
+          <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"
+          className="!flex !p-1 dark:!text-[#A1A1A1] !text-[#525252] !text-[16px] !font-medium !items-center !justify-center !gap-[4px]"
+        >
+          انتخاب تصویر
+          <ArrowLeftPU />
+        </Button>
+      </div>
     </>
   );
 }
diff --git a/components/panel/addDoctor/listMenu/generalInformation/Head.js b/components/panel/addDoctor/listMenu/generalInformation/Head.js
index ece237c..4a61abc 100644
--- a/components/panel/addDoctor/listMenu/generalInformation/Head.js
+++ b/components/panel/addDoctor/listMenu/generalInformation/Head.js
@@ -4,11 +4,7 @@ import { useState } from "react";
 function Head() {
   const [image, setImage] = useState("");
 
-  return (
-    <div className="flex items-center justify-center md:justify-start gap-[10px]">
-      <UploadFile image={image} setImage={setImage} />
-    </div>
-  );
+  return <UploadFile image={image} setImage={setImage} />;
 }
 
 export default Head;
diff --git a/components/panel/userAccount/account/Head.js b/components/panel/userAccount/account/Head.js
index a299448..e0b5c9a 100644
--- a/components/panel/userAccount/account/Head.js
+++ b/components/panel/userAccount/account/Head.js
@@ -6,11 +6,7 @@ import { useState } from "react";
 function Head() {
   const [image, setImage] = useState("");
 
-  return (
-    <div className="flex items-center justify-center md:justify-start gap-[10px]">
-      <UploadFile image={image} setImage={setImage} />
-    </div>
-  );
+  return <UploadFile image={image} setImage={setImage} />;
 }
 
 export default Head;