fix(webui): only show API key copy button if clipboard is available

Closes: #1675
gotson · Sep 4, 2024 · 4351086 · 4351086
1 parent 4cd838a
commit 4351086
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/komga-webui/src/components/dialogs/ApiKeyAddDialog.vue b/komga-webui/src/components/dialogs/ApiKeyAddDialog.vue
@@ -36,7 +36,7 @@
               <v-icon color="success">mdi-check</v-icon>
               {{ apiKey.key }}
 
-              <v-tooltip top v-model="copied">
+              <v-tooltip top v-model="copied" v-if="isClipboardApiAvailable">
                 <template v-slot:activator="on">
                   <v-btn v-on="on"
                          icon
@@ -59,7 +59,7 @@
       <v-card-actions>
         <v-spacer/>
         <v-btn text @click="dialogClose">{{ $t('common.close') }}</v-btn>
-        <v-btn color="primary" @click="generateApiKey" :disabled="apiKey">{{ $t('dialog.add_api_key.button_confirm') }}</v-btn>
+        <v-btn color="primary" @click="generateApiKey" :disabled="!!apiKey">{{ $t('dialog.add_api_key.button_confirm') }}</v-btn>
       </v-card-actions>
     </v-card>
   </v-dialog>
@@ -109,6 +109,11 @@ export default Vue.extend({
       comment: {required, validComment},
     },
   },
+  computed: {
+    isClipboardApiAvailable(): boolean {
+      return !!navigator.clipboard
+    },
+  },
   methods: {
     clear() {
       this.apiKey = undefined