feat(react/ribbon): port file notes

This commit is contained in:
Elian Doran
2025-08-22 20:17:00 +03:00
parent cc05572a35
commit 978d829150
7 changed files with 141 additions and 162 deletions

View File

@@ -1,12 +1,22 @@
import { Ref } from "preact";
interface FormFileUploadProps {
name?: string;
onChange: (files: FileList | null) => void;
multiple?: boolean;
hidden?: boolean;
inputRef?: Ref<HTMLInputElement>;
}
export default function FormFileUpload({ onChange, multiple }: FormFileUploadProps) {
export default function FormFileUpload({ inputRef, name, onChange, multiple, hidden }: FormFileUploadProps) {
return (
<label class="tn-file-input tn-input-field">
<input type="file" class="form-control-file" multiple={multiple}
<label class="tn-file-input tn-input-field" style={hidden ? { display: "none" } : undefined}>
<input
ref={inputRef}
name={name}
type="file"
class="form-control-file"
multiple={multiple}
onChange={e => onChange((e.target as HTMLInputElement).files)} />
</label>
)