Merge pull request #452 from IntersectMBO/fix/364-information-storage…

…-steps fix/364-information-storage-steps
IntersectMBO · Mar 12, 2024 · 59db1a1 · 59db1a1
2 parents 938907c + 21c2a0a
commit 59db1a1
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/govtool/frontend/public/icons/Download.svg b/govtool/frontend/public/icons/Download.svg
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx
@@ -3,6 +3,7 @@ import { Box } from "@mui/material";
 import OpenInNewIcon from "@mui/icons-material/OpenInNew";
 
 import { Button, Spacer, Typography } from "@atoms";
+import { ICONS } from "@consts";
 import { useCreateGovernanceActionForm, useTranslation } from "@hooks";
 import { Step } from "@molecules";
 import { BgCard, ControlledField } from "@organisms";
@@ -64,11 +65,11 @@ export const StorageInformation = ({ setStep }: StorageInformationProps) => {
       </Typography>
       <Box sx={{ my: 4 }}>
         <Step
-          // TODO: add onClick action when available
           component={
             <Button
               onClick={onClickDownloadJson}
               size="extraLarge"
+              startIcon={<img src={ICONS.download} />}
               sx={{ width: "fit-content" }}
             >
               {`${fileName}.jsonld`}

diff --git a/govtool/frontend/src/consts/icons.ts b/govtool/frontend/src/consts/icons.ts
@@ -12,6 +12,7 @@ export const ICONS = {
   copyWhiteIcon: "/icons/CopyWhite.svg",
   dashboardActiveIcon: "/icons/DashboardActive.svg",
   dashboardIcon: "/icons/Dashboard.svg",
+  download: "/icons/Download.svg",
   drawerIcon: "/icons/DrawerIcon.svg",
   externalLinkIcon: "/icons/ExternalLink.svg",
   faqsActiveIcon: "/icons/FaqsActive.svg",