From eebe43fcb130b6cf69ddd0d1a472de4bb6188d43 Mon Sep 17 00:00:00 2001
From: Mateusz Kwasniewski <kwasniewski.mateusz@gmail.com>
Date: Tue, 12 Dec 2023 09:27:50 +0100
Subject: [PATCH] feat: show dropdown immediately (#5606)

---
 .../component/common/FilterDateItem/FilterDateItem.tsx |  8 ++++++--
 .../src/component/common/FilterItem/FilterItem.tsx     | 10 +++++++---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/frontend/src/component/common/FilterDateItem/FilterDateItem.tsx b/frontend/src/component/common/FilterDateItem/FilterDateItem.tsx
index 95425e7b1d..ddbb62a685 100644
--- a/frontend/src/component/common/FilterDateItem/FilterDateItem.tsx
+++ b/frontend/src/component/common/FilterDateItem/FilterDateItem.tsx
@@ -28,10 +28,14 @@ export const FilterDateItem: FC<IFilterDateItemProps> = ({
     const [anchorEl, setAnchorEl] = useState<HTMLDivElement | null>(null);
     const { locationSettings } = useLocationSettings();
 
-    const onClick = () => {
+    const open = () => {
         setAnchorEl(ref.current);
     };
 
+    useEffect(() => {
+        open();
+    }, []);
+
     const onClose = () => {
         setAnchorEl(null);
     };
@@ -68,7 +72,7 @@ export const FilterDateItem: FC<IFilterDateItemProps> = ({
                     label={label}
                     selectedOptions={selectedOptions}
                     onDelete={onDelete}
-                    onClick={onClick}
+                    onClick={open}
                     operator={currentOperator}
                     operatorOptions={operators}
                     onChangeOperator={(operator) => {
diff --git a/frontend/src/component/common/FilterItem/FilterItem.tsx b/frontend/src/component/common/FilterItem/FilterItem.tsx
index 1502a427ae..114b2aadfa 100644
--- a/frontend/src/component/common/FilterItem/FilterItem.tsx
+++ b/frontend/src/component/common/FilterItem/FilterItem.tsx
@@ -35,16 +35,20 @@ export const FilterItem: FC<IFilterItemProps> = ({
     pluralOperators,
 }) => {
     const ref = useRef<HTMLDivElement>(null);
-    const [anchorEl, setAnchorEl] = useState<HTMLDivElement | null>(null);
+    const [anchorEl, setAnchorEl] = useState<HTMLDivElement | null>();
     const [searchText, setSearchText] = useState('');
 
     const currentOperators =
         state && state.values.length > 1 ? pluralOperators : singularOperators;
 
-    const onClick = () => {
+    const open = () => {
         setAnchorEl(ref.current);
     };
 
+    useEffect(() => {
+        open();
+    }, []);
+
     const onClose = () => {
         setAnchorEl(null);
     };
@@ -95,7 +99,7 @@ export const FilterItem: FC<IFilterItemProps> = ({
                     label={label}
                     selectedOptions={selectedOptions}
                     onDelete={onDelete}
-                    onClick={onClick}
+                    onClick={open}
                     operator={currentOperator}
                     operatorOptions={currentOperators}
                     onChangeOperator={(operator) => {