fix: Add N/A label for no query and response even (#948)

aeternity · Oct 24, 2024 · 4150fc1 · 4150fc1
1 parent 40382f4
commit 4150fc1
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/src/components/OracleEventsQueryPanel.vue b/src/components/OracleEventsQueryPanel.vue
@@ -31,7 +31,10 @@
         Query
       </dt>
       <dd class="oracle-events-query-panel__description">
-        {{ event.query }}
+        <template v-if="event.query">
+          {{ event.query }}
+        </template>
+        <not-available-label v-else/>
       </dd>
 
       <dt class="oracle-events-query-panel_term">
@@ -49,7 +52,10 @@
         Response
       </dt>
       <dd class="oracle-events-query-panel__description">
-        {{ event.response }}
+        <template v-if="event.response">
+          {{ event.response }}
+        </template>
+        <not-available-label v-else/>
       </dd>
     </dl>
   </app-panel>

diff --git a/src/utils/format.js b/src/utils/format.js
@@ -102,7 +102,13 @@ export function formatNullable(value) {
 }
 
 export function formatDecodeBase64(base64String) {
-  return process.client ? window.atob(base64String) : Buffer.from(base64String, 'base64').toString('utf8')
+  try {
+    return process.client
+      ? (decodeURIComponent(escape(atob(base64String))) ? decodeURIComponent(escape(atob(base64String))) : null)
+      : Buffer.from(base64String, 'base64').toString('utf8')
+  } catch (e) {
+    return ''
+  }
 }
 
 export function formatDecodeByteArray(bytesArray) {