From d6e237beefd97df20e815f3a7378571efc4fa488 Mon Sep 17 00:00:00 2001
From: Flawid DSouza <me@flawiddsouza.com>
Date: Fri, 20 Sep 2024 11:06:37 +0530
Subject: [PATCH] feat(ui): Edit Tag Modal > Preview > refresh button to
 refresh with tag trigger enabled

---
 .../ui/src/components/modals/EditTagModal.vue   | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/components/modals/EditTagModal.vue b/packages/ui/src/components/modals/EditTagModal.vue
index 674a4e33..9bbf9c6e 100644
--- a/packages/ui/src/components/modals/EditTagModal.vue
+++ b/packages/ui/src/components/modals/EditTagModal.vue
@@ -48,10 +48,11 @@
             </div>
 
             <div style="margin-top: 1rem">
-                <label>
-                    <div style="font-weight: 500; margin-bottom: var(--label-margin-bottom)">Live Preview</div>
-                    <textarea class="full-width-input" :value="preview" readonly></textarea>
-                </label>
+                <div style="font-weight: 500; margin-bottom: var(--label-margin-bottom); display: flex; align-items: flex-end; justify-content: space-between;">
+                    Live Preview
+                    <button type="button" class="button" @click="generatePreview(true)">Refresh</button>
+                </div>
+                <textarea class="full-width-input" :value="preview" readonly></textarea>
             </div>
 
             <template #footer>
@@ -292,9 +293,13 @@ function fillDefaultValues() {
     }
 }
 
-async function generatePreview() {
+async function generatePreview(tagTrigger = false) {
+    if (tagTrigger === true) {
+        preview.value = 'Loading...'
+    }
+
     preview.value = await substituteEnvironmentVariables({}, `{% ${toFunctionString(parsedFuncForEdit.value)} %}`, {
-        tagTrigger: false,
+        tagTrigger,
         noError: true,
     })
 }