From 3af20150f55fa7a10c75b1063d51990b74d01359 Mon Sep 17 00:00:00 2001
From: Jose Manuel Serrano Amaut <a20122128@pucp.pe>
Date: Thu, 16 Mar 2023 18:10:04 -0500
Subject: [PATCH] [REF]: Add clickable classname to root container when
clickable is true
---
.../dropzone/components/dropzone/Dropzone.tsx | 14 +++++++++++---
1 file changed, 11 insertions(+), 3 deletions(-)
diff --git a/src/files-ui/components/dropzone/components/dropzone/Dropzone.tsx b/src/files-ui/components/dropzone/components/dropzone/Dropzone.tsx
index 8b88e1c..4b26c9d 100644
--- a/src/files-ui/components/dropzone/components/dropzone/Dropzone.tsx
+++ b/src/files-ui/components/dropzone/components/dropzone/Dropzone.tsx
@@ -672,13 +672,21 @@ const Dropzone: React.FC<DropzoneProps> = (props: DropzoneProps) => {
};
console.log("Dropzone styleHeader", styleHeader);
- const finalDropzoneClassName: string | undefined = !dropzoneClassName
+ const finalDropzoneClassNameBorder: string | undefined = !dropzoneClassName
? undefined
: isDragging || disabled
? addClassName(dropzoneClassName, "files-ui-root-border-hide")
: dropzoneClassName;
- if (!finalDropzoneClassName) return <></>;
+ const finalDropzoneClassNameBorderClickable: string | undefined =
+ !finalDropzoneClassNameBorder
+ ? undefined
+ : clickable && !disabled
+ ? addClassName(finalDropzoneClassNameBorder, "clickable")
+ : finalDropzoneClassNameBorder;
+
+ if (!finalDropzoneClassNameBorderClickable) return <></>;
+
return (
<React.Fragment>
{actionButtonsPosition === "top" && (
@@ -702,7 +710,7 @@ const Dropzone: React.FC<DropzoneProps> = (props: DropzoneProps) => {
)}
<div
style={style}
- className={finalDropzoneClassName}
+ className={finalDropzoneClassNameBorderClickable}
{...rest}
onClick={handleClick}
onDragOver={handleDragEnter}
--
GitLab