Add description message to File Upload dialog

client/components/Application/Dialogs/UploadFile/UploadFile.tsx

@@ -137,17 +137,20 @@ function RemoteFileForm() {
   return (
     <Box>
       <Box sx={{ fontSize: '14px' }}>{t('link-external-table')}</Box>
-      <Box sx={{ display: 'flex' }}>
+      <Box sx={{ display: 'flex', flexDirection: 'column' }}>
         <AddRemoteTextField
           value={url}
           invalid={progress?.type === 'error'}
           disabled={progress?.blocking}
           onChange={setUrl}
         />
+        <Box sx={{ fontSize: '14px', fontStyle: 'italic', my: 1 }}>
+          {t('file-upload-dialog-description')}
+        </Box>
       </Box>
       <SimpleButton
         label={t('add')}
-        sx={{ my: 0.5, marginTop: '53px' }}
+        sx={{ marginTop: '23px' }}
         variant="contained"
         aria-label="accept"
         hoverBgColor="OKFNBlue"
@@ -175,7 +178,6 @@ function AddRemoteTextField(props: {
       disabled={props.disabled}
       error={props.invalid}
       placeholder={t('enter-or-paste-url')}
-      helperText=" "
       onChange={(e) => props.onChange(e.target.value)}
       InputLabelProps={{
         sx: {

locale/translations/en.json

@@ -88,6 +88,7 @@
     "error-url-not-table": "The URL is not associated with a table",
     "error-file-size-exceeds-10mb": "The total size of the files exceeds 10MB. This operation might take some time...",
     "checking-errors": "Checking errors",
+    "file-upload-dialog-description": "Here you can paste links from public Google Sheets and urls from csv files in open data portals and GitHub.",
     "rename": "Rename",
     "file": "File",
     "folder": "Folder",

locale/translations/es.json

@@ -88,6 +88,7 @@
     "error-url-not-table": "La URL no está asociada con una tabla",
     "error-file-size-exceeds-10mb": "El tamaño total de los archivos supera los 10 MB. Esta operación puede tardar un poco...",
     "checking-errors": "Verificando errores",
+    "file-upload-dialog-description": "Aquí puedes pegar enlaces de hojas de cálculo públicas de Google y URL de archivos csv en portales de datos abiertos y GitHub.",
     "rename": "Renombrar",
     "file": "Archivo",
     "folder": "Carpeta",

locale/translations/fr.json

@@ -88,6 +88,7 @@
     "error-url-not-table": "L'URL n'est pas associée à une table",
     "error-file-size-exceeds-10mb": "La taille totale des fichiers dépasse 10 Mo. Cette opération pourrait prendre du temps...",
     "checking-errors": "Vérification des erreurs",
+    "file-upload-dialog-description": "Ici, vous pouvez coller des liens à partir de feuilles de calcul Google publiques et des URL à partir de fichiers csv dans des portails de données ouverts et GitHub.",
     "rename": "Renommer",
     "file": "Fichier",
     "folder": "Dossier",

locale/translations/pt.json

@@ -88,6 +88,7 @@
     "error-url-not-table": "A URL não está associada a uma tabela",
     "error-file-size-exceeds-10mb": "O tamanho total dos arquivos excede 10MB. Esta operação pode levar algum tempo...",
     "checking-errors": "Verificando erros",
+    "file-upload-dialog-description": "Aqui pode colar links de folhas de cálculo públicas do Google e URLs de ficheiros csv em portais de dados abertos e GitHub.",
     "rename": "Renomear",
     "file": "Arquivo",
     "folder": "Pasta",