# HG changeset patch
# User Arnaud Vergnet <arnaud.vergnet@logilab.fr>
# Date 1713172136 -7200
#      Mon Apr 15 11:08:56 2024 +0200
# Node ID 88fa805e6c72e77abec58593b2ccd3f2fa20ca0b
# Parent  becd6c98919b57ef40a8e006304cb424c98e7d12
feat(frontend): update download file icons

Makes more sense considering our new way to download files

diff --git a/frontend/src/components/FileField.tsx b/frontend/src/components/FileField.tsx
--- a/frontend/src/components/FileField.tsx
+++ b/frontend/src/components/FileField.tsx
@@ -1,6 +1,6 @@
 import { Button, ButtonGroup } from "@mui/material";
 import FileUploadIcon from "@mui/icons-material/FileUpload";
-import Visibility from "@mui/icons-material/Visibility";
+import DownloadIcon from "@mui/icons-material/Download";
 import { ChangeEventHandler, useRef } from "react";
 import { CWFile } from "@/types";
 import { getFileDownloadUrl, getFileNameFromURL } from "@/utils";
@@ -74,12 +74,12 @@
         }
       >
         <Button
-          startIcon={<Visibility />}
+          startIcon={<DownloadIcon />}
           disabled={disabled || !filePresent}
           href={getFileDownloadUrl(value)}
           download={getFileName()}
         >
-          Voir
+          Télécharger
         </Button>
       </ButtonTooltip>
     </ButtonGroup>
diff --git a/frontend/src/components/ImportProcessTable.tsx b/frontend/src/components/ImportProcessTable.tsx
--- a/frontend/src/components/ImportProcessTable.tsx
+++ b/frontend/src/components/ImportProcessTable.tsx
@@ -17,8 +17,8 @@
 import CheckIcon from "@mui/icons-material/Check";
 import CloseIcon from "@mui/icons-material/Close";
 import ScheduleIcon from "@mui/icons-material/Schedule";
-import Visibility from "@mui/icons-material/Visibility";
-import VisibilityOff from "@mui/icons-material/VisibilityOff";
+import DownloadIcon from "@mui/icons-material/Download";
+import FileDownloadOffIcon from "@mui/icons-material/FileDownloadOff";
 import { ImportProcess } from "@/types";
 import { useGetImportProcesses } from "@/hooks/useGetImportProcesses";
 import { ErrorScreen } from "./ErrorScreen";
@@ -135,7 +135,7 @@
             href={importProcess.log_url ?? ""}
             download={getFileNameFromURL(importProcess.log_url)}
           >
-            {hasLog ? <Visibility /> : <VisibilityOff />}
+            {hasLog ? <DownloadIcon /> : <FileDownloadOffIcon />}
           </IconButton>
         </ButtonTooltip>
       </TableCell>
@@ -170,7 +170,7 @@
           disabled={!hasDataset}
           onClick={handleClick}
         >
-          {hasDataset ? <Visibility /> : <VisibilityOff />}
+          {hasDataset ? <DownloadIcon /> : <FileDownloadOffIcon />}
         </IconButton>
       </ButtonTooltip>
       <Menu
@@ -257,7 +257,7 @@
           href={importProcess.shacl_report_url ?? ""}
           download={getFileNameFromURL(importProcess.shacl_report_url)}
         >
-          <Visibility color="warning" />
+          <DownloadIcon color="warning" />
         </IconButton>
       </ButtonTooltip>
     </TableCell>