From 38a6a990963fd494b807cab243f29e1ceb2a34b1 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Fri, 2 Jun 2023 15:33:59 -0700
Subject: [PATCH] fix: fixes nested array displaying as object instead of
 actual value (#2233)

---
 assets/components/LogViewer/ComplexLogItem.vue | 6 +++++-
 assets/composables/search.ts                   | 3 +++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/assets/components/LogViewer/ComplexLogItem.vue b/assets/components/LogViewer/ComplexLogItem.vue
index d3ab6526..f5fd5c48 100644
--- a/assets/components/LogViewer/ComplexLogItem.vue
+++ b/assets/components/LogViewer/ComplexLogItem.vue
@@ -13,7 +13,11 @@
       <ul class="fields" :class="{ expanded }" @click="expandToggle()">
         <li v-for="(value, name) in validValues">
           <span class="has-text-grey">{{ name }}=</span
-          ><span class="has-text-weight-bold" v-html="markSearch(value)"></span>
+          ><span class="has-text-weight-bold" v-if="value === null">&lt;null&gt;</span>
+          <template v-else-if="Array.isArray(value)">
+            <span class="has-text-weight-bold" v-html="markSearch(JSON.stringify(value))"> </span>
+          </template>
+          <span class="has-text-weight-bold" v-html="markSearch(value)" v-else></span>
         </li>
         <li class="has-text-grey" v-if="Object.keys(validValues).length === 0">all values are hidden</li>
       </ul>
diff --git a/assets/composables/search.ts b/assets/composables/search.ts
index 1bfcdf94..6088c893 100644
--- a/assets/composables/search.ts
+++ b/assets/composables/search.ts
@@ -11,6 +11,9 @@ function matchRecord(record: Record<string, any>, regex: RegExp): boolean {
     if (typeof value === "string" && regex.test(value)) {
       return true;
     }
+    if (isObject(value) && regex.test(JSON.stringify(value))) {
+      return true;
+    }
     if (Array.isArray(value) && matchRecord(value, regex)) {
       return true;
     }