From cc5844fa95694898f97a2a50ee2cadf0b5de14a0 Mon Sep 17 00:00:00 2001
From: Jake Ginnivan <jake@ginnivan.net>
Date: Sat, 1 Aug 2020 18:09:14 +0800
Subject: [PATCH 1/2] Scope copied toast

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

diff --git a/src/index.html b/src/index.html
index f98cc97..ebf5fc9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -243,13 +243,13 @@
             `.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'), setTimeout(() => $dispatch('show:toast'), 1000)"
+            @click="handleClick(item, downloadType, $event), $dispatch('show:toast', item.icon_name), setTimeout(() => $dispatch('show:toast', false), 1000)"
           >
             <div x-data="{ copied: false }">
               <div
                 role="alert"
-                x-show="copied"
-                x-on:show:toast.document="copied = !copied"
+                x-show="copied === item.icon_name"
+                x-on:show:toast.document="copied = $event.detail"
                 x-cloak
                 class="rounded bg-black py-1 px-2 absolute top-0 -mt-8 left-0 right-0 text-sm text-white text-center mx-auto z-50"
                 style="width: fit-content;"

From 6bf5206ae13613d991bde1d539aa0674767a91de Mon Sep 17 00:00:00 2001
From: Jake Ginnivan <jake@ginnivan.net>
Date: Sat, 1 Aug 2020 18:14:41 +0800
Subject: [PATCH 2/2] Update index.html

---
 src/index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/index.html b/src/index.html
index ebf5fc9..59f4e41 100644
--- a/src/index.html
+++ b/src/index.html
@@ -245,7 +245,7 @@
             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)"
           >
-            <div x-data="{ copied: false }">
+            <div>
               <div
                 role="alert"
                 x-show="copied === item.icon_name"
@@ -1410,6 +1410,7 @@
           search: "",
           downloadType: "copy-svg",
           myForData: sourceData,
+          copied: false,
           get filteredIcons() {
             if (this.search === "") {
               return this.myForData;