From a33034e273cc7bfe74816c40d61e0adc3f6cd717 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Fri, 15 Apr 2022 16:25:40 +0200
Subject: [PATCH] fix(ui) - filter options

---
 .../ResourceLoadingTime/ResourceLoadingTime.tsx          | 2 +-
 frontend/app/mstore/types/filterItem.ts                  | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/ResourceLoadingTime/ResourceLoadingTime.tsx b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/ResourceLoadingTime/ResourceLoadingTime.tsx
index 63d63d207..905c347f2 100644
--- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/ResourceLoadingTime/ResourceLoadingTime.tsx
+++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/ResourceLoadingTime/ResourceLoadingTime.tsx
@@ -78,7 +78,7 @@ function ResourceLoadingTime(props: Props) {
               /> */}
               <AvgLabel className="ml-auto" text="Avg" count={Math.round(data.avg)} unit="ms" />
             </div>
-            <ResponsiveContainer height={ 200 } width="100%">
+            <ResponsiveContainer height={ 207 } width="100%">
               <AreaChart
                   data={ metric.data.chart }
                   margin={ Styles.chartMargins }
diff --git a/frontend/app/mstore/types/filterItem.ts b/frontend/app/mstore/types/filterItem.ts
index 64fe46a6d..b46244a93 100644
--- a/frontend/app/mstore/types/filterItem.ts
+++ b/frontend/app/mstore/types/filterItem.ts
@@ -13,6 +13,7 @@ export default class FilterItem {
     source: string = ''
     filters: FilterItem[] = []
     operatorOptions: any[] = []
+    options: any[] = []
 
     constructor(data: any = {}) {
         makeAutoObservable(this, {
@@ -36,7 +37,9 @@ export default class FilterItem {
     }
 
     fromJson(json, mainFilterKey = '') {
+        console.log('json', json)
         let _filter = filtersMap[json.type] || {}
+        console.log('_filter', _filter)
         if (mainFilterKey) {
             const mainFilter = filtersMap[mainFilterKey];
             const subFilterMap = {}
@@ -49,10 +52,12 @@ export default class FilterItem {
         this.key = _filter.key
         this.label = _filter.label
         this.operatorOptions = _filter.operatorOptions
-        
+        this.options = _filter.options
+        this.isEvent = _filter.isEvent
+
         this.value = json.value.length === 0 || !json.value ? [""] : json.value,
         this.operator = json.operator
-        this.isEvent = _filter.isEvent
+        
         this.filters = _filter.type === FilterType.SUB_FILTERS && json.filters ? json.filters.map(i => new FilterItem().fromJson(i, json.type)) : []
         return this
     }