From 4673a302c7e05df45951f0e492357b811957e8f2 Mon Sep 17 00:00:00 2001
From: Kanav Arora <kanavarora1515@gmail.com>
Date: Wed, 13 Dec 2023 22:30:43 +0530
Subject: [PATCH] 2951-fix: Editing view filters button fix (#2954)

* 2951-fix: Editing view filters button fix

* Fixed lint

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
---
 .../components/UpdateViewButtonGroup.tsx      | 50 ++++++++++---------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/packages/twenty-front/src/modules/views/components/UpdateViewButtonGroup.tsx b/packages/twenty-front/src/modules/views/components/UpdateViewButtonGroup.tsx
index 6d914d3cf..6091251b5 100644
--- a/packages/twenty-front/src/modules/views/components/UpdateViewButtonGroup.tsx
+++ b/packages/twenty-front/src/modules/views/components/UpdateViewButtonGroup.tsx
@@ -16,6 +16,8 @@ import { useViewBar } from '@/views/hooks/useViewBar';
 import { useViewScopedStates } from '../hooks/internal/useViewScopedStates';
 
 const StyledContainer = styled.div`
+  background: ${({ theme }) => theme.color.blue};
+  border-radius: ${({ theme }) => theme.border.radius.md};
   display: inline-flex;
   margin-right: ${({ theme }) => theme.spacing(2)};
   position: relative;
@@ -53,29 +55,29 @@ export const UpdateViewButtonGroup = ({
   }
 
   return (
-    <DropdownScope dropdownScopeId={UpdateViewDropdownId}>
-      <Dropdown
-        dropdownHotkeyScope={hotkeyScope}
-        clickableComponent={
-          <StyledContainer>
-            <ButtonGroup size="small" accent="blue">
-              <Button title="Update view" onClick={handleViewSubmit} />
-              <Button size="small" Icon={IconChevronDown} />
-            </ButtonGroup>
-          </StyledContainer>
-        }
-        dropdownComponents={
-          <>
-            <DropdownMenuItemsContainer>
-              <MenuItem
-                onClick={handleCreateViewButtonClick}
-                LeftIcon={IconPlus}
-                text="Create view"
-              />
-            </DropdownMenuItemsContainer>
-          </>
-        }
-      />
-    </DropdownScope>
+    <StyledContainer>
+      <ButtonGroup size="small" accent="blue">
+        <Button title="Update view" onClick={handleViewSubmit} />
+        <DropdownScope dropdownScopeId={UpdateViewDropdownId}>
+          <Dropdown
+            dropdownHotkeyScope={hotkeyScope}
+            clickableComponent={
+              <Button size="small" accent="blue" Icon={IconChevronDown} />
+            }
+            dropdownComponents={
+              <>
+                <DropdownMenuItemsContainer>
+                  <MenuItem
+                    onClick={handleCreateViewButtonClick}
+                    LeftIcon={IconPlus}
+                    text="Create view"
+                  />
+                </DropdownMenuItemsContainer>
+              </>
+            }
+          />
+        </DropdownScope>
+      </ButtonGroup>
+    </StyledContainer>
   );
 };