From 76fdcc9863c32ee6f89d95cf9b4b594e01b07762 Mon Sep 17 00:00:00 2001
From: Lukas <lukas@slucky.de>
Date: Thu, 23 May 2024 23:16:38 +0200
Subject: [PATCH] fix(web): show api key copy button in Firefox (#9704)

---
 web/src/lib/components/forms/api-key-secret.svelte | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/web/src/lib/components/forms/api-key-secret.svelte b/web/src/lib/components/forms/api-key-secret.svelte
index 247b65fff6..f01758de26 100644
--- a/web/src/lib/components/forms/api-key-secret.svelte
+++ b/web/src/lib/components/forms/api-key-secret.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { copyToClipboard } from '$lib/utils';
   import { mdiKeyVariant } from '@mdi/js';
-  import { createEventDispatcher, onMount } from 'svelte';
+  import { createEventDispatcher } from 'svelte';
   import Button from '../elements/buttons/button.svelte';
   import FullScreenModal from '../shared-components/full-screen-modal.svelte';
 
@@ -11,12 +11,6 @@
     done: void;
   }>();
   const handleDone = () => dispatch('done');
-  let canCopyImagesToClipboard = true;
-
-  onMount(async () => {
-    const module = await import('copy-image-clipboard');
-    canCopyImagesToClipboard = module.canCopyImagesToClipboard();
-  });
 </script>
 
 <FullScreenModal id="api-key-secret-modal" title="API key" icon={mdiKeyVariant} onClose={() => handleDone()}>
@@ -32,9 +26,7 @@
   </div>
 
   <svelte:fragment slot="sticky-bottom">
-    {#if canCopyImagesToClipboard}
-      <Button on:click={() => copyToClipboard(secret)} fullwidth>Copy to Clipboard</Button>
-    {/if}
+    <Button on:click={() => copyToClipboard(secret)} fullwidth>Copy to Clipboard</Button>
     <Button on:click={() => handleDone()} fullwidth>Done</Button>
   </svelte:fragment>
 </FullScreenModal>