aljaz/landscape-template
1
0
Fork 0
mirror of https://github.com/aljazceru/landscape-template.git synced 2026-01-04 23:14:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

style: improve dropInput classes prop

Browse Source
This commit is contained in:
MTG2000
2022-05-12 12:27:03 +03:00
parent 36790cab5e
commit 5d7a997ba7
7 changed files with 23 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/Components/Inputs/FilesInput/DropInput.jsx
View File

@@ -11,7 +11,11 @@ export default function DropInput({
height,
multiple = false,
allowedType = "*",
classes = {},
classes = {
base: "",
idle: "",
dragging: "",
},
}) {
const [isDragging, toggleDrag] = useToggle(false);
const fileInputRef = React.useRef(null);
@@ -40,7 +44,9 @@ export default function DropInput({
onFrameDragLeave={() => toggleDrag(false)}
onFrameDrop={() => toggleDrag(false)}
className={`h-full cursor-pointer`}
targetClassName={`h-full ${classes.wrapper}`}
targetClassName={`h-full ${classes.base} ${
status === "empty" && classes.idle
}`}
draggingOverFrameClassName={`${classes.dragging}`}
>
{status === "dragging" && draggingContent}