small easter egg

- Ticket: AUT-2286
emartech · Oct 25, 2023 · 610ed83 · 610ed83
1 parent 1db6a2a
commit 610ed83
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 12 deletions.
diff --git a/src/renderer/components/app/app.html b/src/renderer/components/app/app.html
@@ -117,18 +117,20 @@ <h1 class="e-layout__title">GAP Secret Editor</h1>
               </div>
 
               <div class="e-cell e-cell-small" style="margin-left: auto">
-                <div style="position: relative">
-                  <input
-                    id="search-input"
-                    ref="searchInput"
-                    class="e-input e-input-large"
-                    type="search"
-                    placeholder="Search"
-                    v-model="searchTerm"
-                    style="padding-left: 40px"
-                  />
-                  <e-icon icon="search" color="disabled" style="position: absolute; left: 12px; top: 7px;" />
-                </div>
+                <e-confetti ref="confetti">
+                  <div style="position: relative">
+                    <input
+                      id="search-input"
+                      ref="searchInput"
+                      class="e-input e-input-large"
+                      type="search"
+                      placeholder="Search"
+                      v-model="searchTerm"
+                      style="padding-left: 40px"
+                    />
+                    <e-icon icon="search" color="disabled" style="position: absolute; left: 12px; top: 7px;" />
+                  </div>
+                </e-confetti>
               </div>
             </div>
           </div>

diff --git a/src/renderer/components/app/app.js b/src/renderer/components/app/app.js
@@ -287,6 +287,13 @@ export default {
       this.$refs.searchInput.select();
     }
   },
+  watch: {
+    searchTerm(term) {
+      if (term === 'magic') {
+        this.$refs.confetti.fire();
+      }
+    }
+  },
   errorCaptured(error) {
     logger.error('unhandled-error', { namespace: this.secretNamespace, name: this.secretName }, error);
   },