Load empty board if view type is kanban (#3605)

* Load empty board if view type is kanban

* Fix tests

* Revert

packages/twenty-front/src/modules/views/components/ViewBar.tsx

@@ -15,6 +15,7 @@ import { ViewScope } from '@/views/scopes/ViewScope';
 import { ViewField } from '@/views/types/ViewField';
 import { ViewFilter } from '@/views/types/ViewFilter';
 import { ViewSort } from '@/views/types/ViewSort';
+import { ViewType } from '@/views/types/ViewType';
 
 import { ViewsHotkeyScope } from '../types/ViewsHotkeyScope';
 
@@ -30,6 +31,7 @@ export type ViewBarProps = {
   onViewSortsChange?: (sorts: ViewSort[]) => void | Promise<void>;
   onViewFiltersChange?: (filters: ViewFilter[]) => void | Promise<void>;
   onViewFieldsChange?: (fields: ViewField[]) => void | Promise<void>;
+  onViewTypeChange?: (viewType: ViewType) => void | Promise<void>;
 };
 
 export const ViewBar = ({
@@ -40,12 +42,13 @@ export const ViewBar = ({
   onViewFieldsChange,
   onViewFiltersChange,
   onViewSortsChange,
+  onViewTypeChange,
 }: ViewBarProps) => {
   const { openDropdown: openOptionsDropdownButton } = useDropdown(
     optionsDropdownScopeId,
   );
   const { upsertViewSort, upsertViewFilter } = useViewBar({
-    viewBarId: viewBarId,
+    viewBarId,
   });
   const { objectNamePlural } = useParams();
 
@@ -58,6 +61,7 @@ export const ViewBar = ({
       onViewFieldsChange={onViewFieldsChange}
       onViewFiltersChange={onViewFiltersChange}
       onViewSortsChange={onViewSortsChange}
+      onViewTypeChange={onViewTypeChange}
     >
       <ViewBarEffect />
       <ViewBarFilterEffect

packages/twenty-front/src/modules/views/components/ViewBarEffect.tsx

@@ -22,15 +22,10 @@ export const ViewBarEffect = () => {
   const [searchParams] = useSearchParams();
   const currentViewIdFromUrl = searchParams.get('view');
 
-  const {
-    viewTypeState,
-    viewObjectMetadataIdState,
-    viewsState,
-    currentViewIdState,
-  } = useViewScopedStates();
+  const { viewObjectMetadataIdState, viewsState, currentViewIdState } =
+    useViewScopedStates();
 
   const [views, setViews] = useRecoilState(viewsState);
-  const viewType = useRecoilValue(viewTypeState);
   const viewObjectMetadataId = useRecoilValue(viewObjectMetadataIdState);
   const setCurrentViewId = useSetRecoilState(currentViewIdState);
 
@@ -38,7 +33,6 @@ export const ViewBarEffect = () => {
     skip: !viewObjectMetadataId,
     objectNameSingular: CoreObjectNameSingular.View,
     filter: {
-      type: { eq: viewType },
       objectMetadataId: { eq: viewObjectMetadataId },
     },
     useRecordsWithoutConnection: true,
@@ -80,10 +74,10 @@ export const ViewBarEffect = () => {
   ]);
 
   useEffect(() => {
-    if (!currentViewIdFromUrl) return;
+    if (!currentViewIdFromUrl || !newViews.length) return;
 
     loadView(currentViewIdFromUrl);
-  }, [currentViewIdFromUrl, loadView]);
+  }, [currentViewIdFromUrl, loadView, newViews]);
 
   return <></>;
 };