From 3635f85cab7d3314ceffb2e0381a50801c7504a5 Mon Sep 17 00:00:00 2001
From: Jake Ginnivan <jake@ginnivan.net>
Date: Sat, 1 Aug 2020 18:30:17 +0800
Subject: [PATCH] Show more descriptive toast

---
 src/index.html | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/index.html b/src/index.html
index 59f4e41..78c8141 100644
--- a/src/index.html
+++ b/src/index.html
@@ -243,7 +243,7 @@
             `.svg`"
             x-bind:download="downloadType === 'download-svg' && item.icon_name"
             class="flex flex-col relative items-center group justify-center text-gray-700 rounded shadow hover:shadow-xl bg-white cursor-pointer transition duration-150 ease-in-out h-32 md:h-40"
-            @click="handleClick(item, downloadType, $event), $dispatch('show:toast', item.icon_name), setTimeout(() => $dispatch('show:toast', false), 1000)"
+            @click="handleClick(item, downloadType, $event, $dispatch)"
           >
             <div>
               <div
@@ -260,7 +260,9 @@
                 x-transition:leave-start="opacity-100 transform scale-100"
                 x-transition:leave-end="opacity-0 transform scale-90"
               >
-                Copied
+                <template x-if="downloadType == 'download-svg'">Downloading!</template>
+                <template x-if="downloadType == 'copy-cdn'">Copied URL</template>
+                <template x-if="downloadType == 'copy-svg'">Copied SVG Code</template>
               </div>
             </div>
             <img
@@ -1421,7 +1423,7 @@
                 .includes(this.search.toLowerCase());
             });
           },
-          handleClick(item, downloadType, event) {
+          handleClick(item, downloadType, event, $dispatch) {
             if (downloadType === "copy-svg") {
               event.preventDefault();
               var url =
@@ -1435,6 +1437,8 @@
                 if (response.ok) {
                   response.text().then(function (svg) {
                     navigator.clipboard.writeText(svg);
+                    $dispatch('show:toast', item.icon_name)
+                    setTimeout(() => $dispatch('show:toast', false), 1000)
                   });
                 }
               });
@@ -1449,6 +1453,12 @@
                 item.icon_path +
                 `.svg`;
               navigator.clipboard.writeText(url);
+              
+              $dispatch('show:toast', item.icon_name)
+              setTimeout(() => $dispatch('show:toast', false), 1000)
+            } else {
+              $dispatch('show:toast', item.icon_name)
+              setTimeout(() => $dispatch('show:toast', false), 1000)
             }
           },
         };