inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-10-15 05:32:21 +00:00
Code Activity

[UI] Enhance file-upload field (#10576)

Browse Source 
- Add icon
- Add ability to clear input
- Add default placeholder
- Ref: https://github.com/inventree/inventree/issues/10548
This commit is contained in:
Oliver
2025-10-13 23:05:46 +11:00
committed by GitHub
parent 71b9373f44
commit 86c894f218
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/frontend/src/components/forms/fields/ApiFormField.tsx
View File

@@ -5,6 +5,7 @@ import { useCallback, useEffect, useMemo } from 'react';
import { type Control, type FieldValues, useController } from 'react-hook-form'; import { type Control, type FieldValues, useController } from 'react-hook-form';
import type { ApiFormFieldSet, ApiFormFieldType } from '@lib/types/Forms'; import type { ApiFormFieldSet, ApiFormFieldType } from '@lib/types/Forms';
import { IconFileUpload } from '@tabler/icons-react';
import { BooleanField } from './BooleanField'; import { BooleanField } from './BooleanField';
import { ChoiceField } from './ChoiceField'; import { ChoiceField } from './ChoiceField';
import DateField from './DateField'; import DateField from './DateField';
@@ -221,7 +222,10 @@ export function ApiFormField({
return ( return (
<FileInput <FileInput
{...reducedDefinition} {...reducedDefinition}
clearable={!definition.required}
aria-label={`file-field-${fieldName}`} aria-label={`file-field-${fieldName}`}
placeholder={definition.placeholder ?? t`Select file to upload`}
leftSection={<IconFileUpload />}
id={fieldId} id={fieldId}
ref={field.ref} ref={field.ref}
radius='sm' radius='sm'