From 7ccf42e313e78bb17d73aa8ad9102b11f14416e2 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 6 Oct 2022 09:54:05 +0200
Subject: [PATCH] Fix custom icons in metadata list

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/components/Event/EventMetadataSidebar.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/js/src/components/Event/EventMetadataSidebar.vue b/js/src/components/Event/EventMetadataSidebar.vue
index b6a0db330..051943a0b 100644
--- a/js/src/components/Event/EventMetadataSidebar.vue
+++ b/js/src/components/Event/EventMetadataSidebar.vue
@@ -100,7 +100,17 @@
       :title="extra.title || extra.label"
       :key="extra.key"
     >
-      <template #icon> <o-icon :icon="extra.icon" customSize="36" /> </template>
+      <template #icon>
+        <img
+          v-if="extra.icon && extra.icon.substring(0, 7) === 'mz:icon'"
+          :src="`/img/${extra.icon.substring(8)}_monochrome.svg`"
+          width="36"
+          height="36"
+          alt=""
+        />
+        <o-icon v-else-if="extra.icon" :icon="extra.icon" customSize="36" />
+        <o-icon v-else customSize="36" icon="help-circle" />
+      </template>
       <span
         v-if="
           ((extra.type == EventMetadataType.STRING &&