From c3ad6a60cc94847b0edef6cea832eabab8394388 Mon Sep 17 00:00:00 2001
From: Laurin Weger <Laurin-W@users.noreply.github.com>
Date: Thu, 4 Jul 2024 17:19:03 +0200
Subject: [PATCH] rm copy to clipboard for tauri and fix invisible icons

---
 .../src/lib/components/CopyToClipboard.svelte | 90 +++++++++++--------
 ng-app/src/routes/WalletCreate.svelte         |  3 +-
 2 files changed, 53 insertions(+), 40 deletions(-)

diff --git a/ng-app/src/lib/components/CopyToClipboard.svelte b/ng-app/src/lib/components/CopyToClipboard.svelte
index b30efae..49f226d 100644
--- a/ng-app/src/lib/components/CopyToClipboard.svelte
+++ b/ng-app/src/lib/components/CopyToClipboard.svelte
@@ -4,11 +4,21 @@
 
   let has_success: boolean = false;
 
+  const tauri_platform = import.meta.env.TAURI_PLATFORM;
+  const setClipboard = async (text: string) => {
+    if (tauri_platform) {
+      // TODO: this won't work for tauri platform.
+      // const { writeText } = await import("@tauri-apps/api/clipboard");
+      // await writeText(text);
+    } else {
+      navigator.clipboard.writeText(text);
+    }
+  };
+
   const on_click = (e) => {
     has_success = true;
     setTimeout(() => (has_success = false), 2_000);
-
-    navigator.clipboard.writeText(value);
+    setClipboard(value);
   };
 </script>
 
@@ -22,44 +32,46 @@
       disabled
       readonly
     />
-    <button
-      on:click={on_click}
-      class="absolute end-2 top-1/2 -translate-y-1/2 bg-gray-50 shadow-none text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-lg p-2 inline-flex items-center justify-center"
-    >
-      <span id="default-icon" class:hidden={has_success}>
-        <svg
-          class="w-3.5 h-3.5"
-          aria-hidden="true"
-          xmlns="http://www.w3.org/2000/svg"
-          fill="currentColor"
-          viewBox="0 0 18 20"
-        >
-          <path
-            d="M16 1h-3.278A1.992 1.992 0 0 0 11 0H7a1.993 1.993 0 0 0-1.722 1H2a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2Zm-3 14H5a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Zm0-4H5a1 1 0 0 1 0-2h8a1 1 0 1 1 0 2Zm0-5H5a1 1 0 0 1 0-2h2V2h4v2h2a1 1 0 1 1 0 2Z"
-          />
-        </svg>
-      </span>
-      <span
-        id="success-icon"
-        class="inline-flex items-center"
-        class:hidden={!has_success}
+    {#if !tauri_platform}
+      <button
+        on:click={on_click}
+        class="absolute inset-y-0 right-0 p-3 flex items-center text-sm leading-5 bg-transparent shadow-none"
       >
-        <svg
-          class="w-3.5 h-3.5 text-blue-700 dark:text-blue-500"
-          aria-hidden={!has_success}
-          xmlns="http://www.w3.org/2000/svg"
-          fill="none"
-          viewBox="0 0 16 12"
+        <span id="default-icon" class:hidden={has_success}>
+          <svg
+            class="w-3.5 h-3.5"
+            aria-hidden="true"
+            xmlns="http://www.w3.org/2000/svg"
+            fill="currentColor"
+            viewBox="0 0 18 20"
+          >
+            <path
+              d="M16 1h-3.278A1.992 1.992 0 0 0 11 0H7a1.993 1.993 0 0 0-1.722 1H2a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2Zm-3 14H5a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Zm0-4H5a1 1 0 0 1 0-2h8a1 1 0 1 1 0 2Zm0-5H5a1 1 0 0 1 0-2h2V2h4v2h2a1 1 0 1 1 0 2Z"
+            />
+          </svg>
+        </span>
+        <span
+          id="success-icon"
+          class="inline-flex items-center"
+          class:hidden={!has_success}
         >
-          <path
-            stroke="currentColor"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
-            d="M1 5.917 5.724 10.5 15 1.5"
-          />
-        </svg>
-      </span>
-    </button>
+          <svg
+            class="w-3.5 h-3.5 text-blue-700 dark:text-blue-500"
+            aria-hidden={!has_success}
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 16 12"
+          >
+            <path
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              d="M1 5.917 5.724 10.5 15 1.5"
+            />
+          </svg>
+        </span>
+      </button>
+    {/if}
   </div>
 </div>
diff --git a/ng-app/src/routes/WalletCreate.svelte b/ng-app/src/routes/WalletCreate.svelte
index 2373c9b..5181901 100644
--- a/ng-app/src/routes/WalletCreate.svelte
+++ b/ng-app/src/routes/WalletCreate.svelte
@@ -10,6 +10,7 @@
 -->
 
 <!--
+  @component
   Wallet creation page.
   This component manages the whole UX flow, gives infos about wallets,
    offers available brokers, handles wallet creation,
@@ -1689,7 +1690,7 @@
                     >
                       <svelte:component
                         this={emoji.svg?.default}
-                        class="text-5xl"
+                        class="text-5xl w-full"
                       />
                     </div>
                     <div class="flex flex-col ml-4">