From de9b14c80dd0bd4145cafdbe287f6624df48108e Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Mon, 20 Feb 2023 18:26:40 +0100
Subject: [PATCH] fix(ui) - search url unhandled filter key

---
 .../app/components/shared/Filters/FilterSource/FilterSource.tsx | 2 +-
 frontend/app/utils/search.ts                                    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/shared/Filters/FilterSource/FilterSource.tsx b/frontend/app/components/shared/Filters/FilterSource/FilterSource.tsx
index 7ae8d3a92..07ca61ec3 100644
--- a/frontend/app/components/shared/Filters/FilterSource/FilterSource.tsx
+++ b/frontend/app/components/shared/Filters/FilterSource/FilterSource.tsx
@@ -12,7 +12,7 @@ function FilterSource(props: Props) {
     const [value, setValue] = useState(filter.source && filter.source[0] ? filter.source[0] : '');
 
     useEffect(() => {
-        setValue(filter.source[0] || '');
+        setValue(filter.source && filter.source[0] ? filter.source[0] : '');
     }, [filter]);
 
     const write = ({ target: { value, name } }: any) => setValue(value);
diff --git a/frontend/app/utils/search.ts b/frontend/app/utils/search.ts
index d688ee369..4b32f8d13 100644
--- a/frontend/app/utils/search.ts
+++ b/frontend/app/utils/search.ts
@@ -13,7 +13,7 @@ export const createUrlQuery = (filter: any) => {
 
     let str = `${f.operator}|${f.value.join('|')}`;
     if (f.hasSource) {
-      str = `${str}^${f.sourceOperator}|${f.source.join('|')}`;
+      str = `${str}^${f.sourceOperator ? f.sourceOperator : ''}|${f.source ? f.source.join('|') : ''}`;
     }
 
     let key: any = setQueryParamKeyFromFilterkey(f.key);