From e69d4bde525ccccee59f109fe4cd20372ad85d59 Mon Sep 17 00:00:00 2001
From: Charles Bochet <charles@twenty.com>
Date: Sun, 10 Sep 2023 19:54:53 -0700
Subject: [PATCH] Fix opportunity views

---
 .../ui/board/components/BoardHeader.tsx       | 33 ++++---------------
 .../ui/board/components/EntityBoard.tsx       |  2 +-
 2 files changed, 7 insertions(+), 28 deletions(-)

diff --git a/front/src/modules/ui/board/components/BoardHeader.tsx b/front/src/modules/ui/board/components/BoardHeader.tsx
index 2ba60c0a5..41652bf67 100644
--- a/front/src/modules/ui/board/components/BoardHeader.tsx
+++ b/front/src/modules/ui/board/components/BoardHeader.tsx
@@ -24,8 +24,10 @@ export type BoardHeaderProps<SortField> = ComponentProps<'div'> & {
 export function BoardHeader<SortField>({
   onStageAdd,
   onViewsChange,
+  onViewSubmit,
   scopeContext,
-  ...props
+  availableSorts,
+  defaultViewName,
 }: BoardHeaderProps<SortField>) {
   const OptionsDropdownButton = useCallback(
     () => (
@@ -42,36 +44,13 @@ export function BoardHeader<SortField>({
   return (
     <RecoilScope SpecificContext={DropdownRecoilScopeContext}>
       <ViewBar
-        {...props}
+        availableSorts={availableSorts}
+        defaultViewName={defaultViewName}
         onViewsChange={onViewsChange}
+        onViewSubmit={onViewSubmit}
         optionsDropdownKey={BoardOptionsDropdownKey}
         OptionsDropdownButton={OptionsDropdownButton}
         scopeContext={scopeContext}
-        displayBottomBorder={false}
-        leftComponent={
-          <>
-            <StyledIcon>{viewIcon}</StyledIcon>
-            {viewName}
-          </>
-        }
-        rightComponent={
-          <>
-            <FilterDropdownButton
-              context={context}
-              hotkeyScope={FiltersHotkeyScope.FilterDropdownButton}
-            />
-            <SortDropdownButton<SortField>
-              context={context}
-              availableSorts={availableSorts || []}
-              hotkeyScope={FiltersHotkeyScope.FilterDropdownButton}
-            />
-            <BoardOptionsDropdown
-              customHotkeyScope={{ scope: BoardOptionsHotkeyScope.Dropdown }}
-              onStageAdd={onStageAdd}
-            />
-          </>
-        }
-        bottomComponent={<ViewBarDetails context={context} />}
       />
     </RecoilScope>
   );
diff --git a/front/src/modules/ui/board/components/EntityBoard.tsx b/front/src/modules/ui/board/components/EntityBoard.tsx
index 29159b172..c60cf2c2a 100644
--- a/front/src/modules/ui/board/components/EntityBoard.tsx
+++ b/front/src/modules/ui/board/components/EntityBoard.tsx
@@ -8,7 +8,7 @@ import { GET_PIPELINE_PROGRESS } from '@/pipeline/graphql/queries/getPipelinePro
 import { PageHotkeyScope } from '@/types/PageHotkeyScope';
 import {
   BoardHeader,
-  type BoardHeaderProps,
+  BoardHeaderProps,
 } from '@/ui/board/components/BoardHeader';
 import { StyledBoard } from '@/ui/board/components/StyledBoard';
 import { BoardColumnIdContext } from '@/ui/board/contexts/BoardColumnIdContext';