From 68bc244259325df2f0c673935fad4a79c6bd96ec Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Tue, 9 Jul 2024 16:49:02 +0200
Subject: [PATCH] fix ui: fix feature flag icon crash

---
 .../app/components/shared/Filters/FilterModal/FilterModal.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx b/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
index 821ff211c..640134079 100644
--- a/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
+++ b/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
@@ -25,6 +25,7 @@ import {
   Timer,
   VenetianMask,
   Workflow,
+  Flag,
 } from 'lucide-react';
 import React from 'react';
 import { connect } from 'react-redux';
@@ -67,6 +68,7 @@ const IconMap = {
   [FilterKey.UTM_SOURCE]: <CornerDownRight size={18}/>,
   [FilterKey.UTM_MEDIUM]: <Layers size={18}/>,
   [FilterKey.UTM_CAMPAIGN]: <Megaphone size={18}/>,
+  [FilterKey.FEATURE_FLAG]: <Flag size={18}/>,
 };
 
 function filterJson(
@@ -172,7 +174,7 @@ function FilterModal(props: Props) {
     Object.keys(matchingFilters).length === 0;
 
   const getNewIcon = (filter: Record<string, any>) => {
-    if (filter.icon.includes('metadata')) {
+    if (filter.icon?.includes('metadata')) {
       return IconMap[FilterKey.METADATA]
     }
     // @ts-ignore