From ec38f42430e9a82b3eb698e06a35953da0c8175d Mon Sep 17 00:00:00 2001
From: Bernd Storath <999999bst@gmail.com>
Date: Thu, 5 Mar 2026 13:21:30 +0100
Subject: [PATCH] i18n, accessibility

---
 src/app/components/Clients/QRCodeDialog.vue | 16 ++++++++++++----
 src/i18n/locales/en.json                    |  4 +++-
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/app/components/Clients/QRCodeDialog.vue b/src/app/components/Clients/QRCodeDialog.vue
index 7332dd94..238dac26 100644
--- a/src/app/components/Clients/QRCodeDialog.vue
+++ b/src/app/components/Clients/QRCodeDialog.vue
@@ -9,10 +9,18 @@
       </div>
     </template>
     <template #actions>
-      <BaseSecondaryButton class="flex items-center gap-2" @click="copyPng">
+      <BaseSecondaryButton
+        class="flex items-center gap-2"
+        :title="$t('client.copyPng')"
+        @click="copyPng"
+      >
         <IconsCopy class="size-5" /> PNG
       </BaseSecondaryButton>
-      <BaseSecondaryButton class="flex items-center gap-2" @click="downloadPng">
+      <BaseSecondaryButton
+        class="flex items-center gap-2"
+        :title="$t('client.downloadPng')"
+        @click="downloadPng"
+      >
         <IconsDownload class="size-5" /> PNG
       </BaseSecondaryButton>
       <DialogClose as-child>
@@ -68,9 +76,9 @@ async function downloadPng() {
 }
 
 async function copyPng() {
-  const blob = await svgToPng();
-
   try {
+    const blob = await svgToPng();
+
     await navigator.clipboard.write([
       new ClipboardItem({
         [blob.type]: blob,
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index 2839f3cf..a009b8eb 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -122,7 +122,9 @@
     "config": "Configuration",
     "viewConfig": "View Configuration",
     "firewallIps": "Firewall Allowed IPs",
-    "firewallIpsDesc": "Destination IPs/CIDRs this client can access (server-side enforcement). Leave empty to use Allowed IPs. Supports optional port and protocol filtering. See docs for syntax."
+    "firewallIpsDesc": "Destination IPs/CIDRs this client can access (server-side enforcement). Leave empty to use Allowed IPs. Supports optional port and protocol filtering. See docs for syntax.",
+    "downloadPng": "Download PNG",
+    "copyPng": "Copy PNG"
   },
   "dialog": {
     "change": "Change",