From 89657bb5aa423ef109de58f4b2b2e9dbc16a5158 Mon Sep 17 00:00:00 2001
From: Bubka <858858+Bubka@users.noreply.github.com>
Date: Mon, 20 Nov 2023 13:12:14 +0100
Subject: [PATCH] Fix icon not being displayed in the creation quick form

---
 resources/js_vue3/components/OtpDisplay.vue           | 9 +++++++++
 resources/js_vue3/views/twofaccounts/CreateUpdate.vue | 3 +++
 2 files changed, 12 insertions(+)

diff --git a/resources/js_vue3/components/OtpDisplay.vue b/resources/js_vue3/components/OtpDisplay.vue
index 3ac6d5e8..87646037 100644
--- a/resources/js_vue3/components/OtpDisplay.vue
+++ b/resources/js_vue3/components/OtpDisplay.vue
@@ -53,6 +53,15 @@
     const totpLooper = ref()
     const otpSpanTag = ref()
 
+    watch(
+        () => props.icon,
+        (val) => {
+            if (val != undefined) {
+                otpauthParams.value.icon = val
+            }
+        }
+    )
+
     /***
      * 
      */
diff --git a/resources/js_vue3/views/twofaccounts/CreateUpdate.vue b/resources/js_vue3/views/twofaccounts/CreateUpdate.vue
index 2d0f23b7..f5efb3fa 100644
--- a/resources/js_vue3/views/twofaccounts/CreateUpdate.vue
+++ b/resources/js_vue3/views/twofaccounts/CreateUpdate.vue
@@ -244,6 +244,9 @@
             twofaccountService.deleteIcon(tempIcon.value)
             tempIcon.value = ''
         }
+        if (showQuickForm.value) {
+            form.icon = tempIcon.value
+        }
     }
 
     /**