From a33b5b37d92071e643a0bf78a9d6ecf29bebc65a Mon Sep 17 00:00:00 2001
From: Elias Schneider <login@eliasschneider.com>
Date: Fri, 14 Oct 2022 13:11:59 +0200
Subject: [PATCH] feat: replace tooltip with toast

---
 .../components/share/DownloadAllButton.tsx    | 28 +++++++++----------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/share/DownloadAllButton.tsx b/frontend/src/components/share/DownloadAllButton.tsx
index 44497976..1bb0a140 100644
--- a/frontend/src/components/share/DownloadAllButton.tsx
+++ b/frontend/src/components/share/DownloadAllButton.tsx
@@ -1,6 +1,7 @@
-import { Button, Tooltip } from "@mantine/core";
+import { Button } from "@mantine/core";
 import { useEffect, useState } from "react";
 import shareService from "../../services/share.service";
+import toast from "../../utils/toast.util";
 
 const DownloadAllButton = ({ shareId }: { shareId: string }) => {
   const [isZipReady, setIsZipReady] = useState(false);
@@ -32,21 +33,18 @@ const DownloadAllButton = ({ shareId }: { shareId: string }) => {
     };
   }, []);
 
-  if (!isZipReady)
-    return (
-      <Tooltip
-        position="bottom"
-        width={220}
-        withArrow
-        label="The share is preparing. This can take a few minutes."
-      >
-        <Button variant="outline" onClick={downloadAll} disabled>
-          Download all
-        </Button>
-      </Tooltip>
-    );
   return (
-    <Button variant="outline" loading={isLoading} onClick={downloadAll}>
+    <Button
+      variant="outline"
+      loading={isLoading}
+      onClick={() => {
+        if (!isZipReady) {
+          toast.error("The share is preparing. Try again in a few minutes.");
+        } else {
+          downloadAll();
+        }
+      }}
+    >
       Download all
     </Button>
   );