From bf05e5917defed4d4d6b52ce6207c7c7c5bfd415 Mon Sep 17 00:00:00 2001
From: Charles Bochet <charles@twenty.com>
Date: Thu, 24 Aug 2023 14:32:02 +0200
Subject: [PATCH] Hotfix dropdown option not opened on create view

---
 .../options/components/TableUpdateViewButtonGroup.tsx     | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/front/src/modules/ui/table/options/components/TableUpdateViewButtonGroup.tsx b/front/src/modules/ui/table/options/components/TableUpdateViewButtonGroup.tsx
index 92b87e898..f570c12b4 100644
--- a/front/src/modules/ui/table/options/components/TableUpdateViewButtonGroup.tsx
+++ b/front/src/modules/ui/table/options/components/TableUpdateViewButtonGroup.tsx
@@ -8,6 +8,7 @@ import { Button, ButtonSize } from '@/ui/button/components/Button';
 import { ButtonGroup } from '@/ui/button/components/ButtonGroup';
 import { DropdownMenuItem } from '@/ui/dropdown/components/DropdownMenuItem';
 import { StyledDropdownMenuItemsContainer } from '@/ui/dropdown/components/StyledDropdownMenuItemsContainer';
+import { useDropdownButton } from '@/ui/dropdown/hooks/useDropdownButton';
 import { DropdownMenuContainer } from '@/ui/filter-n-sort/components/DropdownMenuContainer';
 import { filtersScopedState } from '@/ui/filter-n-sort/states/filtersScopedState';
 import { savedFiltersScopedState } from '@/ui/filter-n-sort/states/savedFiltersScopedState';
@@ -55,14 +56,19 @@ export const TableUpdateViewButtonGroup = ({
   );
   const setViewEditMode = useSetRecoilState(tableViewEditModeState);
 
+  const { openDropdownButton: openOptionsDropdownButton } = useDropdownButton({
+    key: 'options',
+  });
+
   const handleArrowDownButtonClick = useCallback(() => {
     setIsDropdownOpen((previousIsOpen) => !previousIsOpen);
   }, []);
 
   const handleCreateViewButtonClick = useCallback(() => {
     setViewEditMode({ mode: 'create', viewId: undefined });
+    openOptionsDropdownButton();
     setIsDropdownOpen(false);
-  }, [setViewEditMode]);
+  }, [setViewEditMode, openOptionsDropdownButton]);
 
   const handleDropdownClose = useCallback(() => {
     setIsDropdownOpen(false);