Add workspace favorites behind feature flag (#6904)

- make member nullable on favorites
- add potential relation with view entity
- add a new type of favorite list in front : workspace favorite
- build a new component for retrieving workspace favorite to display +
refacto the existing one

Bonus:
- removing activities seed since this is deprecated

packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItems.tsx

@@ -1,14 +1,9 @@
 import { useLocation } from 'react-router-dom';
 import { useRecoilValue } from 'recoil';
-import { isDefined, useIcons } from 'twenty-ui';
+import { useIcons } from 'twenty-ui';
 
-import { currentUserState } from '@/auth/states/currentUserState';
 import { useLastVisitedView } from '@/navigation/hooks/useLastVisitedView';
-import { NavigationDrawerSectionForObjectMetadataItemsSkeletonLoader } from '@/object-metadata/components/NavigationDrawerSectionForObjectMetadataItemsSkeletonLoader';
-import { useFilteredObjectMetadataItems } from '@/object-metadata/hooks/useFilteredObjectMetadataItems';
-import { useIsPrefetchLoading } from '@/prefetch/hooks/useIsPrefetchLoading';
-import { usePrefetchedData } from '@/prefetch/hooks/usePrefetchedData';
-import { PrefetchKey } from '@/prefetch/types/PrefetchKey';
+import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 import { NavigationDrawerItem } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerItem';
 import { NavigationDrawerSection } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSection';
 import { NavigationDrawerSectionTitle } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSectionTitle';
@@ -27,44 +22,37 @@ const ORDERED_STANDARD_OBJECTS = [
 ];
 
 export const NavigationDrawerSectionForObjectMetadataItems = ({
+  sectionTitle,
   isRemote,
+  views,
+  objectMetadataItems,
 }: {
+  sectionTitle: string;
   isRemote: boolean;
+  views: View[];
+  objectMetadataItems: ObjectMetadataItem[];
 }) => {
-  const currentUser = useRecoilValue(currentUserState);
-
   const { toggleNavigationSection, isNavigationSectionOpenState } =
     useNavigationSection('Objects' + (isRemote ? 'Remote' : 'Workspace'));
   const isNavigationSectionOpen = useRecoilValue(isNavigationSectionOpenState);
 
-  const { activeObjectMetadataItems } = useFilteredObjectMetadataItems();
-  const filteredActiveObjectMetadataItems = activeObjectMetadataItems.filter(
-    (item) => (isRemote ? item.isRemote : !item.isRemote),
-  );
   const { getIcon } = useIcons();
   const currentPath = useLocation().pathname;
 
-  const { records: views } = usePrefetchedData<View>(PrefetchKey.AllViews);
-  const loading = useIsPrefetchLoading();
-
   const { getLastVisitedViewIdFromObjectMetadataItemId } = useLastVisitedView();
 
-  if (loading && isDefined(currentUser)) {
-    return <NavigationDrawerSectionForObjectMetadataItemsSkeletonLoader />;
-  }
-
   // TODO: refactor this by splitting into separate components
   return (
-    filteredActiveObjectMetadataItems.length > 0 && (
+    objectMetadataItems.length > 0 && (
       <NavigationDrawerSection>
         <NavigationDrawerSectionTitle
-          label={isRemote ? 'Remote' : 'Workspace'}
+          label={sectionTitle}
           onClick={() => toggleNavigationSection()}
         />
 
         {isNavigationSectionOpen &&
           [
-            ...filteredActiveObjectMetadataItems
+            ...objectMetadataItems
               .filter((item) =>
                 ORDERED_STANDARD_OBJECTS.includes(item.nameSingular),
               )
@@ -82,7 +70,7 @@ export const NavigationDrawerSectionForObjectMetadataItems = ({
                 }
                 return indexA - indexB;
               }),
-            ...filteredActiveObjectMetadataItems
+            ...objectMetadataItems
               .filter(
                 (item) => !ORDERED_STANDARD_OBJECTS.includes(item.nameSingular),
               )

packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItemsWrapper.tsx

@@ -0,0 +1,40 @@
+import { useRecoilValue } from 'recoil';
+import { isDefined } from 'twenty-ui';
+
+import { currentUserState } from '@/auth/states/currentUserState';
+import { NavigationDrawerSectionForObjectMetadataItems } from '@/object-metadata/components/NavigationDrawerSectionForObjectMetadataItems';
+import { NavigationDrawerSectionForObjectMetadataItemsSkeletonLoader } from '@/object-metadata/components/NavigationDrawerSectionForObjectMetadataItemsSkeletonLoader';
+import { useFilteredObjectMetadataItems } from '@/object-metadata/hooks/useFilteredObjectMetadataItems';
+import { useIsPrefetchLoading } from '@/prefetch/hooks/useIsPrefetchLoading';
+import { usePrefetchedData } from '@/prefetch/hooks/usePrefetchedData';
+import { PrefetchKey } from '@/prefetch/types/PrefetchKey';
+import { View } from '@/views/types/View';
+
+export const NavigationDrawerSectionForObjectMetadataItemsWrapper = ({
+  isRemote,
+}: {
+  isRemote: boolean;
+}) => {
+  const currentUser = useRecoilValue(currentUserState);
+
+  const { activeObjectMetadataItems } = useFilteredObjectMetadataItems();
+  const filteredActiveObjectMetadataItems = activeObjectMetadataItems.filter(
+    (item) => (isRemote ? item.isRemote : !item.isRemote),
+  );
+
+  const { records: views } = usePrefetchedData<View>(PrefetchKey.AllViews);
+  const loading = useIsPrefetchLoading();
+
+  if (loading && isDefined(currentUser)) {
+    return <NavigationDrawerSectionForObjectMetadataItemsSkeletonLoader />;
+  }
+
+  return (
+    <NavigationDrawerSectionForObjectMetadataItems
+      sectionTitle={isRemote ? 'Remote' : 'Workspace'}
+      objectMetadataItems={filteredActiveObjectMetadataItems}
+      views={views}
+      isRemote={isRemote}
+    />
+  );
+};

packages/twenty-front/src/modules/object-metadata/components/__stories__/NavigationDrawerSectionForObjectMetadataItemsWrapper.stories.tsx

@@ -7,28 +7,32 @@ import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadat
 import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';
 import { graphqlMocks } from '~/testing/graphqlMocks';
 
-import { NavigationDrawerSectionForObjectMetadataItems } from '@/object-metadata/components/NavigationDrawerSectionForObjectMetadataItems';
+import { NavigationDrawerSectionForObjectMetadataItemsWrapper } from '@/object-metadata/components/NavigationDrawerSectionForObjectMetadataItemsWrapper';
 import { within } from '@storybook/test';
 import { PrefetchLoadedDecorator } from '~/testing/decorators/PrefetchLoadedDecorator';
 
-const meta: Meta<typeof NavigationDrawerSectionForObjectMetadataItems> = {
-  title: 'Modules/ObjectMetadata/NavigationDrawerSectionForObjectMetadataItems',
-  component: NavigationDrawerSectionForObjectMetadataItems,
-  decorators: [
-    IconsProviderDecorator,
-    ObjectMetadataItemsDecorator,
-    ComponentWithRouterDecorator,
-    ComponentWithRecoilScopeDecorator,
-    SnackBarDecorator,
-    PrefetchLoadedDecorator,
-  ],
-  parameters: {
-    msw: graphqlMocks,
-  },
-};
+const meta: Meta<typeof NavigationDrawerSectionForObjectMetadataItemsWrapper> =
+  {
+    title:
+      'Modules/ObjectMetadata/NavigationDrawerSectionForObjectMetadataItemsWrapper',
+    component: NavigationDrawerSectionForObjectMetadataItemsWrapper,
+    decorators: [
+      IconsProviderDecorator,
+      ObjectMetadataItemsDecorator,
+      ComponentWithRouterDecorator,
+      ComponentWithRecoilScopeDecorator,
+      SnackBarDecorator,
+      PrefetchLoadedDecorator,
+    ],
+    parameters: {
+      msw: graphqlMocks,
+    },
+  };
 
 export default meta;
-type Story = StoryObj<typeof NavigationDrawerSectionForObjectMetadataItems>;
+type Story = StoryObj<
+  typeof NavigationDrawerSectionForObjectMetadataItemsWrapper
+>;
 
 export const Default: Story = {
   play: async ({ canvasElement }) => {