Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): add input el for workflow upload button

Browse Source 
Need this to select the file
This commit is contained in:
psychedelicious 2024-02-13 13:15:48 +11:00
parent 3ecb1e580f
commit 1d9801e7be
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
invokeai/frontend/web/src/features/workflowLibrary/components/UploadWorkflowButton.tsx
View File

@ -22,13 +22,14 @@ const UploadWorkflowButton = () => {
[loadWorkflowFromFile] [loadWorkflowFromFile]
); );
const { getRootProps } = useDropzone({ const { getInputProps, getRootProps } = useDropzone({
accept: { 'application/json': ['.json'] }, accept: { 'application/json': ['.json'] },
onDropAccepted, onDropAccepted,
noDrag: true, noDrag: true,
multiple: false, multiple: false,
}); });
return ( return (
<>
<Button <Button
aria-label={t('workflows.uploadWorkflow')} aria-label={t('workflows.uploadWorkflow')}
tooltip={t('workflows.uploadWorkflow')} tooltip={t('workflows.uploadWorkflow')}
@ -38,6 +39,8 @@ const UploadWorkflowButton = () => {
> >
{t('workflows.uploadWorkflow')} {t('workflows.uploadWorkflow')}
</Button> </Button>
<input {...getInputProps()} />
</>
); );
}; };