From 2e3a36bbea6bec7562718761459633b65fdea95b Mon Sep 17 00:00:00 2001
From: serh11d <77780411+serh11d@users.noreply.github.com>
Date: Mon, 1 Jan 2024 05:38:58 +0200
Subject: [PATCH] UI search by key (#561)

---
 browser/flagr-ui/src/components/Flags.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/browser/flagr-ui/src/components/Flags.vue b/browser/flagr-ui/src/components/Flags.vue
index 3b02d8b91..b09efb16f 100644
--- a/browser/flagr-ui/src/components/Flags.vue
+++ b/browser/flagr-ui/src/components/Flags.vue
@@ -184,16 +184,18 @@ export default {
   computed: {
     filteredFlags: function() {
       if (this.searchTerm) {
-        return this.flags.filter(({ id, description, tags }) =>
+        return this.flags.filter(({ id, key, description, tags }) =>
           this.searchTerm
             .split(",")
             .map(term => {
+              const termLowerCase = term.toLowerCase();
               return (
                 id.toString().includes(term) ||
-                description.toLowerCase().includes(term.toLowerCase()) ||
+                key.includes(term) ||
+                description.toLowerCase().includes(termLowerCase) ||
                 tags
                   .map(tag =>
-                    tag.value.toLowerCase().includes(term.toLowerCase())
+                    tag.value.toLowerCase().includes(termLowerCase)
                   )
                   .includes(true)
               );