diff --git a/frontend/src/components/FileField.tsx b/frontend/src/components/FileField.tsx index 524d4a50ec3cb41694c7f160a278fdc83b46790d_ZnJvbnRlbmQvc3JjL2NvbXBvbmVudHMvRmlsZUZpZWxkLnRzeA==..becd6c98919b57ef40a8e006304cb424c98e7d12_ZnJvbnRlbmQvc3JjL2NvbXBvbmVudHMvRmlsZUZpZWxkLnRzeA== 100644 --- a/frontend/src/components/FileField.tsx +++ b/frontend/src/components/FileField.tsx @@ -48,12 +48,29 @@ const filePresent = value?.downloadUrl || value?.data; return ( - <> - <input - type="file" - style={{ display: "none" }} - ref={ref} - onChange={onFileChange} - /> - <ButtonGroup variant={filePresent ? "outlined" : "text"}> + <ButtonGroup variant={filePresent ? "outlined" : "text"}> + <Button + fullWidth + startIcon={<FileUploadIcon />} + disabled={disabled} + onClick={chooseFile} + component="label" + role={undefined} + > + {label} + {filePresent + ? ` (${getFileName()}): Modifier le fichier` + : " : Choisir un fichier"} + <input + type="file" + style={{ display: "none" }} + ref={ref} + onChange={onFileChange} + /> + </Button> + <ButtonTooltip + title={ + filePresent ? "TÊlÊcharger le fichier" : "Aucun fichier en ligne" + } + > <Button @@ -59,6 +76,6 @@ <Button - fullWidth - startIcon={<FileUploadIcon />} - disabled={disabled} - onClick={chooseFile} + startIcon={<Visibility />} + disabled={disabled || !filePresent} + href={getFileDownloadUrl(value)} + download={getFileName()} > @@ -64,6 +81,3 @@ > - {label} - {filePresent - ? ` (${getFileName()}): Modifier le fichier` - : " : Choisir un fichier"} + Voir </Button> @@ -69,19 +83,5 @@ </Button> - <ButtonTooltip - title={ - filePresent ? "TÊlÊcharger le fichier" : "Aucun fichier en ligne" - } - > - <Button - startIcon={<Visibility />} - disabled={disabled || !filePresent} - href={getFileDownloadUrl(value)} - download={getFileName()} - > - Voir - </Button> - </ButtonTooltip> - </ButtonGroup> - </> + </ButtonTooltip> + </ButtonGroup> ); }