change upload foto function
This commit is contained in:
@@ -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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user