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/scopes/ViewScope.tsx

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 
 import { ViewFilter } from '@/views/types/ViewFilter';
 import { ViewSort } from '@/views/types/ViewSort';
+import { ViewType } from '@/views/types/ViewType';
 
 import { ViewField } from '../types/ViewField';
 
@@ -14,6 +15,7 @@ type ViewScopeProps = {
   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 ViewScope = ({
@@ -22,6 +24,7 @@ export const ViewScope = ({
   onViewSortsChange,
   onViewFiltersChange,
   onViewFieldsChange,
+  onViewTypeChange,
 }: ViewScopeProps) => {
   return (
     <ViewScopeInternalContext.Provider
@@ -34,6 +37,7 @@ export const ViewScope = ({
         onViewSortsChange={onViewSortsChange}
         onViewFiltersChange={onViewFiltersChange}
         onViewFieldsChange={onViewFieldsChange}
+        onViewTypeChange={onViewTypeChange}
       />
       {children}
     </ViewScopeInternalContext.Provider>

packages/twenty-front/src/modules/views/scopes/init-effect/ViewScopeInitEffect.tsx

@@ -5,40 +5,48 @@ import { useViewScopedStates } from '@/views/hooks/internal/useViewScopedStates'
 import { ViewField } from '@/views/types/ViewField';
 import { ViewFilter } from '@/views/types/ViewFilter';
 import { ViewSort } from '@/views/types/ViewSort';
+import { ViewType } from '@/views/types/ViewType';
 
 type ViewScopeInitEffectProps = {
   viewScopeId: string;
   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 ViewScopeInitEffect = ({
   onViewSortsChange,
   onViewFiltersChange,
   onViewFieldsChange,
+  onViewTypeChange,
 }: ViewScopeInitEffectProps) => {
   const {
     onViewFieldsChangeState,
     onViewFiltersChangeState,
     onViewSortsChangeState,
+    onViewTypeChangeState,
   } = useViewScopedStates();
 
   const setOnViewSortsChange = useSetRecoilState(onViewSortsChangeState);
   const setOnViewFiltersChange = useSetRecoilState(onViewFiltersChangeState);
   const setOnViewFieldsChange = useSetRecoilState(onViewFieldsChangeState);
+  const setOnViewTypeChange = useSetRecoilState(onViewTypeChangeState);
 
   useEffect(() => {
     setOnViewSortsChange(() => onViewSortsChange);
     setOnViewFiltersChange(() => onViewFiltersChange);
     setOnViewFieldsChange(() => onViewFieldsChange);
+    setOnViewTypeChange(() => onViewTypeChange);
   }, [
     onViewFieldsChange,
     onViewFiltersChange,
     onViewSortsChange,
+    onViewTypeChange,
     setOnViewFieldsChange,
     setOnViewFiltersChange,
     setOnViewSortsChange,
+    setOnViewTypeChange,
   ]);
 
   return <></>;