iconify noobserver

20 files changed, 46 insertions, 46 deletions

diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index b87a5022..5b2c7724 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -31,13 +31,13 @@
       aria-label="Payments"
     >
       <button class="ml-auto flex gap-1 mb-auto pb-4 pl-4">
-        <iconify-icon icon="ph:clock-bold" width="32" aria-label="Payments"
+        <iconify-icon noobserver icon="ph:clock-bold" width="32" aria-label="Payments"
         ></iconify-icon>
       </button>
     </a>
     <a href={`/account/${id}`} class="contents" aria-label="Settings">
       <button class="flex gap-1 mb-auto pb-4 pl-4">
-        <iconify-icon icon="ph:gear-bold" width="32" aria-label="Settings"
+        <iconify-icon noobserver icon="ph:gear-bold" width="32" aria-label="Settings"
         ></iconify-icon>
       </button>
     </a>
@@ -46,7 +46,7 @@
   <div class="flex justify-center w-full text-xl gap-2">
     <a href={"/invoice"} class="contents" onclick={setAccount}>
       <button class="btn !w-auto flex-grow">
-        <iconify-icon icon="ph:hand-coins-bold" width="32" flip="horizontal"
+        <iconify-icon noobserver icon="ph:hand-coins-bold" width="32" flip="horizontal"
         ></iconify-icon>
         <div class="my-auto">{$t("user.dashboard.receive")}</div>
       </button>
@@ -54,7 +54,7 @@
 
     <a href={`/send`} class="contents grow" onclick={setAccount}>
       <button type="button" class="btn !w-auto flex-grow">
-        <iconify-icon icon="ph:paper-plane-right-bold" width="32"
+        <iconify-icon noobserver icon="ph:paper-plane-right-bold" width="32"
         ></iconify-icon>
         <div class="my-auto">{$t("user.dashboard.send")}</div>
       </button>
diff --git a/src/components/Amount.svelte b/src/components/Amount.svelte
index 6dad13e0..f13949c6 100644
--- a/src/components/Amount.svelte
+++ b/src/components/Amount.svelte
@@ -11,14 +11,14 @@
       class:justify-center={align !== "left"}
     >
       <div class="flex items-center" onclick={() => copy(amount)}>
-        <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
+        <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"
         ></iconify-icon>{s(amount, locale)}
       </div>
 
       {#if tip}
         <div class="flex items-center text-lg ml-2">
           <div>+</div>
-          <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
+          <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"
           ></iconify-icon>
           <div>{s(tip, locale)}</div>
         </div>
diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte
index 9868cd9b..feffa46a 100644
--- a/src/components/AppHeader.svelte
+++ b/src/components/AppHeader.svelte
@@ -66,7 +66,7 @@
         {#each links as { href, icon, flip, label }}
           <a {href} data-sveltekit-preload-code="eager" aria-label={label}>
             <button class="btn-menu {opacity(href)}">
-              <iconify-icon {icon} width={w > 640 ? 32 : 24} {flip}
+              <iconify-icon noobserver {icon} width={w > 640 ? 32 : 24} {flip}
               ></iconify-icon>
             </button>
           </a>
diff --git a/src/components/Balance.svelte b/src/components/Balance.svelte
index fd5ff3db..da26f6de 100644
--- a/src/components/Balance.svelte
+++ b/src/components/Balance.svelte
@@ -23,7 +23,7 @@
 <div>
   {#if user.haspin && !$pin}
     <button onclick={toggleShow} class="flex gap-2 text-xl">
-      <iconify-icon icon="ph:eye-slash-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:eye-slash-bold" width="32"></iconify-icon>
       <div class="my-auto">{$t("user.showBalance")}</div>
     </button>
   {:else if !isNaN(rate)}
diff --git a/src/components/Code.svelte b/src/components/Code.svelte
index 1c25feb8..9ad9bf29 100644
--- a/src/components/Code.svelte
+++ b/src/components/Code.svelte
@@ -6,7 +6,7 @@
 
 {#snippet cp(something)}
   <button type="button" class="ml-auto" onclick={() => copy(something)}>
-    <iconify-icon icon="ph:copy-bold" width="42"></iconify-icon>
+    <iconify-icon noobserver icon="ph:copy-bold" width="42"></iconify-icon>
   </button>
 {/snippet}
 
diff --git a/src/components/DarkToggle.svelte b/src/components/DarkToggle.svelte
index 904df022..2808d829 100644
--- a/src/components/DarkToggle.svelte
+++ b/src/components/DarkToggle.svelte
@@ -11,7 +11,7 @@
   class="flex justify-center items-center hover:opacity-80 gap-2 font-bold"
   onclick={dark}
 >
-  <iconify-icon
+  <iconify-icon noobserver
     icon={$theme === "dark" ? "ph:sun-bold" : "ph:moon-stars-bold"}
     width="30"
 ></iconify-icon>
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index dad8aeab..0cab1d13 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -24,7 +24,7 @@
   <div class="space-y-5">
     <div class="text-center w-full">
       <a href="/" aria-label="Home">
-        <iconify-icon icon="coinos:logo" width="224"></iconify-icon>
+        <iconify-icon noobserver icon="coinos:logo" width="224"></iconify-icon>
       </a>
     </div>
     <div class="flex gap-2 justify-center sm:hidden">
@@ -73,5 +73,5 @@
     </ul>
   </div>
 
-  <iconify-icon icon="coinos:shield" class="flex justify-center" width="96"></iconify-icon>
+  <iconify-icon noobserver icon="coinos:shield" class="flex justify-center" width="96"></iconify-icon>
 </footer>
diff --git a/src/components/HowItWorksCard.svelte b/src/components/HowItWorksCard.svelte
index 2b8967ae..c076a3e9 100644
--- a/src/components/HowItWorksCard.svelte
+++ b/src/components/HowItWorksCard.svelte
@@ -5,7 +5,7 @@
 </script>
 
 <div class="space-y-5">
-  <iconify-icon icon={image} class="mx-auto" width="128"></iconify-icon>
+  <iconify-icon noobserver icon={image} class="mx-auto" width="128"></iconify-icon>
   <p class="text-2xl font-medium">{$t("howItWorks." + stepID + ".header")}</p>
   <p class="text-secondary text-xl font-medium w-full md:w-2/3 mx-auto">
     {$t("howItWorks." + stepID + ".description")}
diff --git a/src/components/InvoiceActions.svelte b/src/components/InvoiceActions.svelte
index 23268a19..c0f8f572 100644
--- a/src/components/InvoiceActions.svelte
+++ b/src/components/InvoiceActions.svelte
@@ -15,7 +15,7 @@
 
 <div class="text-secondary space-y-2 text-xl pt-2">
   <button type="button" class="btn" onclick={() => copy(txt)}>
-    <iconify-icon icon="ph:copy-bold" width="32"></iconify-icon>
+    <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon>
     <div class="my-auto">
       {t("payments.copy")}
     </div>
@@ -23,20 +23,20 @@
 
   {#if user?.id === invoice?.user?.id}
     <button class="btn" onclick={toggleAmount}>
-      <iconify-icon icon="ph:pencil-simple-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:pencil-simple-bold" width="32"></iconify-icon>
       <div class="my-auto">{t("payments.setAmount")}</div>
     </button>
   {:else}
     <a href={link} class="block">
       <button class="btn">
-        <iconify-icon icon="ph:wallet-bold" width="32"></iconify-icon>
+        <iconify-icon noobserver icon="ph:wallet-bold" width="32"></iconify-icon>
         <div class="my-auto">{t("payments.openLink")}</div>
       </button>
     </a>
   {/if}
 
   <button class="btn" onclick={toggleMemo}>
-    <iconify-icon icon="ph:chat-centered-text-bold" width="32"></iconify-icon>
+    <iconify-icon noobserver icon="ph:chat-centered-text-bold" width="32"></iconify-icon>
     <div class="my-auto">
       {t("invoice.setMemo")}
     </div>
@@ -46,10 +46,10 @@
     <div class="w-full flex justify-center gap-2 flex-wrap">
       <button class="btn" onclick={() => (showQr = !showQr)}>
         {#if showQr}
-          <iconify-icon icon="ph:text-align-center-bold" width="32"
+          <iconify-icon noobserver icon="ph:text-align-center-bold" width="32"
           ></iconify-icon>
         {:else}
-          <iconify-icon icon="ph:qr-code-bold" width="32"></iconify-icon>
+          <iconify-icon noobserver icon="ph:qr-code-bold" width="32"></iconify-icon>
         {/if}
         <div class="my-auto">
           {showQr ? t("payments.showText") : t("payments.showQr")}
diff --git a/src/components/InvoiceData.svelte b/src/components/InvoiceData.svelte
index ca7d5e7b..764e0327 100644
--- a/src/components/InvoiceData.svelte
+++ b/src/components/InvoiceData.svelte
@@ -37,7 +37,7 @@
 
 {#if invoice.type === types.liquid}
   <div class="flex justify-center p-4 shadow items-center gap-2">
-    <iconify-icon icon="ph:warning-bold" width="48" class="text-warning"
+    <iconify-icon noobserver icon="ph:warning-bold" width="48" class="text-warning"
     ></iconify-icon>
     <div>
       <div class="my-auto text-xl text-center text-secondary">
diff --git a/src/components/InvoiceTypes.svelte b/src/components/InvoiceTypes.svelte
index 532f5699..b3367c90 100644
--- a/src/components/InvoiceTypes.svelte
+++ b/src/components/InvoiceTypes.svelte
@@ -16,7 +16,7 @@
         class="bg-black rounded-full w-8 h-8 items-center justify-center flex"
       >
         <div class="m-auto">
-          <iconify-icon
+          <iconify-icon noobserver
             icon="ph:lightning-fill"
             class="text-yellow-300 text-2xl"
           ></iconify-icon>
@@ -56,12 +56,12 @@
     </button>
 
     <button class="btn flex-nowrap" onclick={() => goto("/scan")}>
-      <iconify-icon icon="ph:camera-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:camera-bold" width="32"></iconify-icon>
       <div class="my-auto text-lg">{t("user.send.scan")}</div>
     </button>
 
     <button class="btn flex-nowrap" onclick={() => goto("/receive")}>
-      <iconify-icon icon="ph:clipboard-text-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:clipboard-text-bold" width="32"></iconify-icon>
       <div class="my-auto text-lg">{t("user.send.paste")}</div>
     </button>
   </div>
@@ -74,7 +74,7 @@
   >
     <div class="bg-black rounded-full w-8 h-8 items-center justify-center flex">
       <div class="m-auto">
-        <iconify-icon icon="ph:lightning-fill" class="text-yellow-300 text-2xl"
+        <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300 text-2xl"
         ></iconify-icon>
       </div>
     </div>
diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte
index f2c94ade..cc9dd50f 100644
--- a/src/components/LandingHeader.svelte
+++ b/src/components/LandingHeader.svelte
@@ -24,7 +24,7 @@
   <nav class="block lg:flex justify-between items-center">
     <div class="flex justify-start lg:justify-center items-center lg:space-x-5">
       <a href="/" onclick={() => scroll(header)} aria-label="Home">
-        <iconify-icon icon="coinos:logo" width="224"></iconify-icon>
+        <iconify-icon noobserver icon="coinos:logo" width="224"></iconify-icon>
       </a>
     </div>
 
@@ -73,7 +73,7 @@
       class="block lg:hidden absolute top-[34.5px] right-10 z"
       onclick={() => (showMobileMenu = !showMobileMenu)}
     >
-      <iconify-icon
+      <iconify-icon noobserver
         icon={!showMobileMenu ? "ph:list-bold" : "ph:x-bold"}
         width="32"
       ></iconify-icon>
diff --git a/src/components/LandingHero.svelte b/src/components/LandingHero.svelte
index d3f71390..3f24724c 100644
--- a/src/components/LandingHero.svelte
+++ b/src/components/LandingHero.svelte
@@ -14,7 +14,7 @@
       {$t("landing.header_before_icon")}
       <span class="relative">
         {$t("landing.header_with_icon")}
-        <iconify-icon
+        <iconify-icon noobserver
           icon="coinos:rays"
           class="absolute -top-16 left-5 md:left-8 lg:left-14 2xl:left-24"
 ></iconify-icon>
diff --git a/src/components/LocationsMap.svelte b/src/components/LocationsMap.svelte
index c47dbf49..103e2477 100644
--- a/src/components/LocationsMap.svelte
+++ b/src/components/LocationsMap.svelte
@@ -267,7 +267,7 @@
       class="rounded-full border-2 border-black bg-base-100 w-16 h-16 flex items-center justify-center bg-opacity-80"
       onclick={back}
     >
-      <iconify-icon icon="ph:arrow-left-bold" width="24"></iconify-icon>
+      <iconify-icon noobserver icon="ph:arrow-left-bold" width="24"></iconify-icon>
     </button>
   </div>
   <div class="relative">
@@ -280,10 +280,10 @@
           <div class="flex gap-1 absolute right-6 top-3">
             {#if search}
               <button type="button" onclick={clearSearch} aria-label="Clear">
-                <iconify-icon icon="ph:x-bold" width="32"></iconify-icon>
+                <iconify-icon noobserver icon="ph:x-bold" width="32"></iconify-icon>
               </button>
             {:else}
-              <iconify-icon icon="ph:search-bold" width="32"></iconify-icon>
+              <iconify-icon noobserver icon="ph:search-bold" width="32"></iconify-icon>
             {/if}
           </div>
         </div>
@@ -305,16 +305,16 @@
         class="rounded-full border-2 border-primary bg-base-100 w-16 h-16 flex items-center justify-center bg-opacity-80"
         onclick={toggleList}
       >
-        <iconify-icon icon="ph:list-bold" width="24"></iconify-icon>
+        <iconify-icon noobserver icon="ph:list-bold" width="24"></iconify-icon>
       </button>
       <button
         class="rounded-full border-2 border-primary bg-base-100 w-16 h-16 flex items-center justify-center bg-opacity-80"
         onclick={toggle}
       >
         {#if timeout}
-          <iconify-icon icon="ph:pause-bold" width="24"></iconify-icon>
+          <iconify-icon noobserver icon="ph:pause-bold" width="24"></iconify-icon>
         {:else}
-          <iconify-icon icon="ph:play-bold" width="24"></iconify-icon>
+          <iconify-icon noobserver icon="ph:play-bold" width="24"></iconify-icon>
         {/if}
       </button>
     </div>
diff --git a/src/components/Menu.svelte b/src/components/Menu.svelte
index 7268b74b..7408687c 100644
--- a/src/components/Menu.svelte
+++ b/src/components/Menu.svelte
@@ -27,7 +27,7 @@
 <div>
   <OutClick on:outclick={hideMenu}>
     <button class="btn-menu {opacity('/support')}" onclick={toggleMenu}
-      ><iconify-icon icon="ph:list-bold" width={w > 640 ? 32 : 24}
+      ><iconify-icon noobserver icon="ph:list-bold" width={w > 640 ? 32 : 24}
       ></iconify-icon>
     </button>
 
@@ -51,7 +51,7 @@
                 <button
                   class="flex justify-center items-center font-semibold hover:opacity-80 gap-2"
                 >
-                  <iconify-icon {icon} width="32"></iconify-icon>
+                  <iconify-icon noobserver {icon} width="32"></iconify-icon>
                   {t(key)}
                 </button>
               </a>
@@ -61,7 +61,7 @@
       </ul>
       <hr class="my-4" />
       <a href="/?stay=true"
-        ><iconify-icon icon="coinos:logo" width="160"></iconify-icon></a
+        ><iconify-icon noobserver icon="coinos:logo" width="160"></iconify-icon></a
       >
     </div>
   </OutClick>
diff --git a/src/components/Numpad.svelte b/src/components/Numpad.svelte
index a0c5260f..f79f749a 100644
--- a/src/components/Numpad.svelte
+++ b/src/components/Numpad.svelte
@@ -203,7 +203,7 @@
               {symbol}
             {/if}
           {:else}
-            <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
+            <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"
             ></iconify-icon>
           {/if}
         </div>
@@ -228,7 +228,7 @@
         on:click|preventDefault|stopPropagation={swap}
       >
         {#if $fiat}
-          <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
+          <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"
           ></iconify-icon>
           {s(amount, locale)}
         {:else}
diff --git a/src/components/PasswordInput.svelte b/src/components/PasswordInput.svelte
index 8c7d8d7c..317c62d4 100644
--- a/src/components/PasswordInput.svelte
+++ b/src/components/PasswordInput.svelte
@@ -32,6 +32,6 @@
     />
   {/if}
   <button type="button" aria-label="Toggle" onclick={toggle} class="contents">
-    <iconify-icon {icon} width="32"></iconify-icon>
+    <iconify-icon noobserver {icon} width="32"></iconify-icon>
   </button>
 </label>
diff --git a/src/components/Payments.svelte b/src/components/Payments.svelte
index f22c1ad8..fbe88ce6 100644
--- a/src/components/Payments.svelte
+++ b/src/components/Payments.svelte
@@ -20,7 +20,7 @@
       <div class="whitespace-nowrap my-auto col-span-3">
         <div class="font-bold flex items-center">
           <div class="flex items-center">
-            <iconify-icon
+            <iconify-icon noobserver
               icon="ph:lightning-fill"
               width="24"
               class="text-yellow-300"
@@ -56,7 +56,7 @@
           {:else}
             <a href={`/fund/${p.memo}`}>
               <div class="text-secondary flex">
-                <iconify-icon
+                <iconify-icon noobserver
                   icon="ph:lightning-fill"
                   class="text-yellow-300 text-3xl"
                 ></iconify-icon>
@@ -77,16 +77,16 @@
         {:else}
           <div class="text-secondary flex items-center gap-1">
             {#if p.type === types.lightning || p.type === types.bolt12}
-              <iconify-icon
+              <iconify-icon noobserver
                 icon="ph:lightning-fill"
                 class="text-yellow-300 text-3xl"
               ></iconify-icon>
             {:else if p.type === types.ecash}
               <img src="/images/cash.png" class="w-12" />
             {:else if p.type === types.reconcile}
-              <iconify-icon icon="ph:scales-bold" width="32"></iconify-icon>
+              <iconify-icon noobserver icon="ph:scales-bold" width="32"></iconify-icon>
             {:else if p.type === types.bitcoin}
-              <iconify-icon icon="logos:bitcoin" class="text-3xl"
+              <iconify-icon noobserver icon="logos:bitcoin" class="text-3xl"
               ></iconify-icon>
             {:else if p.type === types.liquid}
               <div class="my-auto">
diff --git a/src/components/Pinpad.svelte b/src/components/Pinpad.svelte
index e27a8c8f..6abbfb17 100644
--- a/src/components/Pinpad.svelte
+++ b/src/components/Pinpad.svelte
@@ -69,7 +69,7 @@
     />
   {/if}
   <button type="button" class="contents" onclick={toggle}>
-    <iconify-icon icon={hide ? "ph:eye-slash-bold" : "ph:eye-bold"} width="32"
+    <iconify-icon noobserver icon={hide ? "ph:eye-slash-bold" : "ph:eye-bold"} width="32"
     ></iconify-icon></button
   >
 </label>
diff --git a/src/components/Success.svelte b/src/components/Success.svelte
index 6cbe990e..b2e126b3 100644
--- a/src/components/Success.svelte
+++ b/src/components/Success.svelte
@@ -47,7 +47,7 @@
       </div>
     </div>
 
-    <iconify-icon
+    <iconify-icon noobserver
       icon="ph:check-fat-fill"
       class="text-green-400"
       width="160"