From 464ee642deca23b9832433ddf96107a658cc4607 Mon Sep 17 00:00:00 2001
From: Padreug <padreug@aiolabs.dev>
Date: Mon, 25 May 2026 12:07:20 +0200
Subject: [PATCH] ui(qr-scanner): swap flash-toggle icon from lightning-bolt to
 flashlight
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The control toggles the camera torch, but the inline-SVG bolt read
as a Lightning Network glyph — confusing on a Lightning-payments
app, especially next to the scanner used to validate paid tickets.
Use lucide's Flashlight icon for an unambiguous match to the
control's actual function, and add an aria-label while we're here.
---
 src/components/ui/qr-scanner.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/ui/qr-scanner.vue b/src/components/ui/qr-scanner.vue
index 6920bf9..10159ce 100644
--- a/src/components/ui/qr-scanner.vue
+++ b/src/components/ui/qr-scanner.vue
@@ -43,16 +43,17 @@
         </div>
 
         <div class="flex gap-2">
-          <!-- Flash toggle (if available) -->
+          <!-- Flash toggle (if available) — flashlight, not lightning-bolt:
+               this controls the camera torch, not anything Lightning-related,
+               and the bolt icon was confusing in a Lightning-payments app. -->
           <Button
             v-if="flashAvailable"
             @click="toggleFlash"
             variant="outline"
             size="sm"
+            aria-label="Toggle flashlight"
           >
-            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
-            </svg>
+            <Flashlight class="w-4 h-4" />
           </Button>
 
           <!-- Close scanner -->
@@ -73,7 +74,7 @@
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted, nextTick } from 'vue'
 import { Button } from '@/components/ui/button'
-import { Loader2 } from 'lucide-vue-next'
+import { Loader2, Flashlight } from 'lucide-vue-next'
 import { useQRScanner } from '@/composables/useQRScanner'
 
 interface Emits {