From 1938b4da98b568d0506aa3476e03ad534c5dfa1f Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Fri, 27 Dec 2024 20:06:06 +0530
Subject: [PATCH] feat: allow and render svg from icon field

---
 frontend/src/components/UserDropdown.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/UserDropdown.vue b/frontend/src/components/UserDropdown.vue
index cb320977..52ac4f80 100644
--- a/frontend/src/components/UserDropdown.vue
+++ b/frontend/src/components/UserDropdown.vue
@@ -107,11 +107,16 @@ const dropdownItems = createDocumentResource({
 
 function dropdownItemObj(item) {
   let openInNewWindow = item.open_in_new_window
+
+  let icon = item.icon || 'external-link'
+  item.icon = icon.startsWith('<svg') ? markRaw({ template: icon }) : icon
+
   if (item.is_standard) {
     return getStandardItem(item)
   }
+
   return {
-    icon: item.icon || 'external-link',
+    icon: item.icon,
     label: __(item.label),
     onClick: () => window.open(item.url, openInNewWindow ? '_blank' : ''),
   }