From 8d2811a4cfa5dffb1187be96eb9daef866b99f23 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Thu, 9 Sep 2021 13:28:47 +0530
Subject: [PATCH] fix(ui) - browser icon

---
 frontend/app/types/filter/customFilter.js | 4 ++--
 frontend/app/types/filter/filter.js       | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/app/types/filter/customFilter.js b/frontend/app/types/filter/customFilter.js
index 950c1b61a..ea7d82af2 100644
--- a/frontend/app/types/filter/customFilter.js
+++ b/frontend/app/types/filter/customFilter.js
@@ -1,7 +1,7 @@
 import Record from 'Types/Record';
 import Target from 'Types/target';
 import { camelCased } from 'App/utils';
-// import { getEventIcon } from 'Types/filter';
+import { getEventIcon } from 'Types/filter';
 
 const CLICK = 'CLICK';
 const INPUT = 'INPUT';
@@ -105,6 +105,6 @@ export default Record({
     operator: event.operator || getOperatorDefault(event.type),
     // value: target ? target.label : event.value,
     value: typeof value === 'string' ? [value] : value,
-    icon: 'filters/metadata'
+    icon: event.type ? getEventIcon(event.type) : 'filters/metadata'
   }),
 })
diff --git a/frontend/app/types/filter/filter.js b/frontend/app/types/filter/filter.js
index feaa44a20..42637a2fa 100644
--- a/frontend/app/types/filter/filter.js
+++ b/frontend/app/types/filter/filter.js
@@ -124,6 +124,7 @@ export const getEventIcon = (filter) => {
   type = type || key;
   if (type === KEYS.USER_COUNTRY) return 'map-marker-alt';
   if (type === KEYS.USER_BROWSER) return 'window';
+  if (type === KEYS.USERBROWSER) return 'window';
   if (type === KEYS.PLATFORM) return 'window';
 
   if (type === TYPES.CLICK) return 'filters/click';