From 2ab6a68629bdc25ad8d1862c63f431715bab6376 Mon Sep 17 00:00:00 2001
From: Penar Musaraj <pmusaraj@gmail.com>
Date: Tue, 22 Oct 2019 14:19:24 -0400
Subject: [PATCH] UX: Standardize tag display in search menu results

This allows theme components (like discourse-tag-icons) to apply to tag results in search menu.
---
 .../discourse/widgets/search-menu-results.js.es6         | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/app/assets/javascripts/discourse/widgets/search-menu-results.js.es6 b/app/assets/javascripts/discourse/widgets/search-menu-results.js.es6
index 83439e9232e..636c069f941 100644
--- a/app/assets/javascripts/discourse/widgets/search-menu-results.js.es6
+++ b/app/assets/javascripts/discourse/widgets/search-menu-results.js.es6
@@ -6,6 +6,7 @@ import { h } from "virtual-dom";
 import highlightText from "discourse/lib/highlight-text";
 import { escapeExpression, formatUsername } from "discourse/lib/utilities";
 import { iconNode } from "discourse-common/lib/icon-library";
+import renderTag from "discourse/lib/render-tag";
 
 class Highlighted extends RawHtml {
   constructor(html, term) {
@@ -70,13 +71,7 @@ createSearchResult({
   linkField: "url",
   builder(t) {
     const tag = escapeExpression(t.id);
-    return h(
-      "span",
-      {
-        className: `tag-${tag} discourse-tag ${Discourse.SiteSettings.tag_style}`
-      },
-      tag
-    );
+    return new RawHtml({ html: renderTag(tag, { tagName: "span" }) });
   }
 });