UniqAI/hexabot
1
0
Fork 0
mirror of https://github.com/hexastack/hexabot synced 2025-06-26 18:27:28 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(frontend): add uid for upload components

Browse Source
This commit is contained in:
yassinedorbozgithub 2025-05-25 22:29:58 +01:00
parent 933daaa221
commit 4981f723c5
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/app-components/attachment/AttachmentUploader.tsx
View File

@ -17,7 +17,7 @@ import {
styled,
Typography,
} from "@mui/material";
import { ChangeEvent, DragEvent, FC, useState } from "react";
import { ChangeEvent, DragEvent, FC, useId, useState } from "react";
import { useUpload } from "@/hooks/crud/useUpload";
import { useDialogs } from "@/hooks/useDialogs";
@ -88,6 +88,7 @@ const AttachmentUploader: FC<FileUploadProps> = ({
const [attachment, setAttachment] = useState<IAttachment | undefined>(
undefined,
);
const uid = useId();
const { t } = useTranslate();
const dialogs = useDialogs();
const [isDragOver, setIsDragOver] = useState<boolean>(false);
@ -154,11 +155,11 @@ const AttachmentUploader: FC<FileUploadProps> = ({
<HiddenInput
onChange={handleChange}
accept={accept}
id="file-upload"
id={`file-upload${uid}`}
type="file"
/>
<FileUploadLabel
htmlFor="file-upload"
htmlFor={`file-upload${uid}`}
isDragOver={isDragOver}
onMouseEnter={() => setIsDragOver(true)}
onMouseLeave={() => setIsDragOver(false)}