fix(ProfileBackgroundImageUploader): add input & use div instead of l…

…abel
guildxyz · Sep 12, 2024 · 3536bd8 · 3536bd8
1 parent e544c39
commit 3536bd8
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/app/(marketing)/profile/_components/EditProfile/ProfileBackgroundImageUploader.tsx b/src/app/(marketing)/profile/_components/EditProfile/ProfileBackgroundImageUploader.tsx
@@ -27,7 +27,7 @@ export const ProfileBackgroundImageUploader = ({
       description,
     })
 
-  const { isDragActive, getRootProps } = useDropzone({
+  const { isDragActive, getRootProps, getInputProps } = useDropzone({
     multiple: false,
     noClick: false,
     onDrop: (accepted, fileRejections) => {
@@ -53,9 +53,10 @@ export const ProfileBackgroundImageUploader = ({
   return (
     <Tooltip>
       <TooltipTrigger>
-        <label {...getRootProps()} className={buttonVariants(buttonProps as any)}>
+        <div {...getRootProps()} className={buttonVariants(buttonProps as any)}>
+        <input {...getInputProps()} hidden />
           {isDragActive ? <UploadSimple weight="bold" size={24} /> : children}
-        </label>
+        </div>
       </TooltipTrigger>
       <TooltipContent side="bottom">{tooltipLabel}</TooltipContent>
     </Tooltip>