Remove favorite folder related feature flags (#9178)
Co-authored-by: Weiko <corentin@twenty.com>
This commit is contained in:
@ -1,29 +1,27 @@
|
|||||||
import { useRecoilState, useRecoilValue } from 'recoil';
|
|
||||||
import { IconFolderPlus, LightIconButton, isDefined } from 'twenty-ui';
|
|
||||||
|
|
||||||
import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState';
|
import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState';
|
||||||
import { CurrentWorkspaceMemberOrphanFavorites } from '@/favorites/components/CurrentWorkspaceMemberOrphanFavorites';
|
import { CurrentWorkspaceMemberOrphanFavorites } from '@/favorites/components/CurrentWorkspaceMemberOrphanFavorites';
|
||||||
import { FavoritesDragProvider } from '@/favorites/components/FavoritesDragProvider';
|
import { FavoritesDragProvider } from '@/favorites/components/FavoritesDragProvider';
|
||||||
import { FavoriteFolders } from '@/favorites/components/FavoritesFolders';
|
import { FavoriteFolders } from '@/favorites/components/FavoritesFolders';
|
||||||
import { FavoritesSkeletonLoader } from '@/favorites/components/FavoritesSkeletonLoader';
|
import { FavoritesSkeletonLoader } from '@/favorites/components/FavoritesSkeletonLoader';
|
||||||
import { useFavorites } from '@/favorites/hooks/useFavorites';
|
import { useFavorites } from '@/favorites/hooks/useFavorites';
|
||||||
|
import { useFavoritesByFolder } from '@/favorites/hooks/useFavoritesByFolder';
|
||||||
import { isFavoriteFolderCreatingState } from '@/favorites/states/isFavoriteFolderCreatingState';
|
import { isFavoriteFolderCreatingState } from '@/favorites/states/isFavoriteFolderCreatingState';
|
||||||
import { useIsPrefetchLoading } from '@/prefetch/hooks/useIsPrefetchLoading';
|
import { useIsPrefetchLoading } from '@/prefetch/hooks/useIsPrefetchLoading';
|
||||||
import { NavigationDrawerAnimatedCollapseWrapper } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerAnimatedCollapseWrapper';
|
import { NavigationDrawerAnimatedCollapseWrapper } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerAnimatedCollapseWrapper';
|
||||||
import { NavigationDrawerSection } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSection';
|
import { NavigationDrawerSection } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSection';
|
||||||
import { NavigationDrawerSectionTitle } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSectionTitle';
|
import { NavigationDrawerSectionTitle } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSectionTitle';
|
||||||
import { useNavigationSection } from '@/ui/navigation/navigation-drawer/hooks/useNavigationSection';
|
import { useNavigationSection } from '@/ui/navigation/navigation-drawer/hooks/useNavigationSection';
|
||||||
import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
|
import { useRecoilState, useRecoilValue } from 'recoil';
|
||||||
|
import { IconFolderPlus, LightIconButton, isDefined } from 'twenty-ui';
|
||||||
|
|
||||||
export const CurrentWorkspaceMemberFavoritesFolders = () => {
|
export const CurrentWorkspaceMemberFavoritesFolders = () => {
|
||||||
const currentWorkspaceMember = useRecoilValue(currentWorkspaceMemberState);
|
const currentWorkspaceMember = useRecoilValue(currentWorkspaceMemberState);
|
||||||
const { sortedFavorites: favorites } = useFavorites();
|
const { sortedFavorites: favorites } = useFavorites();
|
||||||
|
const { favoritesByFolder } = useFavoritesByFolder();
|
||||||
|
|
||||||
const [isFavoriteFolderCreating, setIsFavoriteFolderCreating] =
|
const [isFavoriteFolderCreating, setIsFavoriteFolderCreating] =
|
||||||
useRecoilState(isFavoriteFolderCreatingState);
|
useRecoilState(isFavoriteFolderCreatingState);
|
||||||
|
|
||||||
const isFavoriteFolderEnabled = useIsFeatureEnabled(
|
|
||||||
'IS_FAVORITE_FOLDER_ENABLED',
|
|
||||||
);
|
|
||||||
const loading = useIsPrefetchLoading();
|
const loading = useIsPrefetchLoading();
|
||||||
|
|
||||||
const {
|
const {
|
||||||
@ -38,21 +36,15 @@ export const CurrentWorkspaceMemberFavoritesFolders = () => {
|
|||||||
setIsFavoriteFolderCreating((current) => !current);
|
setIsFavoriteFolderCreating((current) => !current);
|
||||||
};
|
};
|
||||||
|
|
||||||
const shouldDisplayFavoritesWithFeatureFlagEnabled = true;
|
|
||||||
|
|
||||||
//todo: remove this logic once feature flag gating is removed
|
|
||||||
const shouldDisplayFavoritesWithoutFeatureFlagEnabled =
|
|
||||||
favorites.length > 0 || isFavoriteFolderCreating;
|
|
||||||
|
|
||||||
const shouldDisplayFavorites = isFavoriteFolderEnabled
|
|
||||||
? shouldDisplayFavoritesWithFeatureFlagEnabled
|
|
||||||
: shouldDisplayFavoritesWithoutFeatureFlagEnabled;
|
|
||||||
|
|
||||||
if (loading && isDefined(currentWorkspaceMember)) {
|
if (loading && isDefined(currentWorkspaceMember)) {
|
||||||
return <FavoritesSkeletonLoader />;
|
return <FavoritesSkeletonLoader />;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!shouldDisplayFavorites) {
|
if (
|
||||||
|
(!favorites || favorites.length === 0) &&
|
||||||
|
!isFavoriteFolderCreating &&
|
||||||
|
(!favoritesByFolder || favoritesByFolder.length === 0)
|
||||||
|
) {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -63,24 +55,17 @@ export const CurrentWorkspaceMemberFavoritesFolders = () => {
|
|||||||
label="Favorites"
|
label="Favorites"
|
||||||
onClick={toggleNavigationSection}
|
onClick={toggleNavigationSection}
|
||||||
rightIcon={
|
rightIcon={
|
||||||
isFavoriteFolderEnabled ? (
|
<LightIconButton
|
||||||
<LightIconButton
|
Icon={IconFolderPlus}
|
||||||
Icon={IconFolderPlus}
|
onClick={toggleNewFolder}
|
||||||
onClick={toggleNewFolder}
|
accent="tertiary"
|
||||||
accent="tertiary"
|
/>
|
||||||
/>
|
|
||||||
) : undefined
|
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
</NavigationDrawerAnimatedCollapseWrapper>
|
</NavigationDrawerAnimatedCollapseWrapper>
|
||||||
|
|
||||||
{isNavigationSectionOpen && (
|
{isNavigationSectionOpen && (
|
||||||
<FavoritesDragProvider>
|
<FavoritesDragProvider>
|
||||||
{isFavoriteFolderEnabled && (
|
<FavoriteFolders isNavigationSectionOpen={isNavigationSectionOpen} />
|
||||||
<FavoriteFolders
|
|
||||||
isNavigationSectionOpen={isNavigationSectionOpen}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
<CurrentWorkspaceMemberOrphanFavorites />
|
<CurrentWorkspaceMemberOrphanFavorites />
|
||||||
</FavoritesDragProvider>
|
</FavoritesDragProvider>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@ -1,13 +1,12 @@
|
|||||||
import { useState } from 'react';
|
|
||||||
import { useRecoilState } from 'recoil';
|
|
||||||
import { IconFolder } from 'twenty-ui';
|
|
||||||
|
|
||||||
import { CurrentWorkspaceMemberFavorites } from '@/favorites/components/CurrentWorkspaceMemberFavorites';
|
import { CurrentWorkspaceMemberFavorites } from '@/favorites/components/CurrentWorkspaceMemberFavorites';
|
||||||
import { FavoriteFolderHotkeyScope } from '@/favorites/constants/FavoriteFolderRightIconDropdownHotkeyScope';
|
import { FavoriteFolderHotkeyScope } from '@/favorites/constants/FavoriteFolderRightIconDropdownHotkeyScope';
|
||||||
import { useCreateFavoriteFolder } from '@/favorites/hooks/useCreateFavoriteFolder';
|
import { useCreateFavoriteFolder } from '@/favorites/hooks/useCreateFavoriteFolder';
|
||||||
import { useFavoritesByFolder } from '@/favorites/hooks/useFavoritesByFolder';
|
import { useFavoritesByFolder } from '@/favorites/hooks/useFavoritesByFolder';
|
||||||
import { isFavoriteFolderCreatingState } from '@/favorites/states/isFavoriteFolderCreatingState';
|
import { isFavoriteFolderCreatingState } from '@/favorites/states/isFavoriteFolderCreatingState';
|
||||||
import { NavigationDrawerInput } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerInput';
|
import { NavigationDrawerInput } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerInput';
|
||||||
|
import { useState } from 'react';
|
||||||
|
import { useRecoilState } from 'recoil';
|
||||||
|
import { IconFolder } from 'twenty-ui';
|
||||||
|
|
||||||
type FavoriteFoldersProps = {
|
type FavoriteFoldersProps = {
|
||||||
isNavigationSectionOpen: boolean;
|
isNavigationSectionOpen: boolean;
|
||||||
|
|||||||
@ -1,17 +1,10 @@
|
|||||||
|
import { PrefetchRunQueriesEffect } from '@/prefetch/components/PrefetchRunQueriesEffect';
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
|
||||||
import { PrefetchFavoriteFoldersRunQueriesEffect } from '@/prefetch/components/PrefetchFavortiteFoldersRunQueriesEffect';
|
|
||||||
import { PrefetchRunQueriesEffect } from '@/prefetch/components/PrefetchRunQueriesEffect';
|
|
||||||
import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
|
|
||||||
|
|
||||||
export const PrefetchDataProvider = ({ children }: React.PropsWithChildren) => {
|
export const PrefetchDataProvider = ({ children }: React.PropsWithChildren) => {
|
||||||
const isFavoriteFolderEnabled = useIsFeatureEnabled(
|
|
||||||
'IS_FAVORITE_FOLDER_ENABLED',
|
|
||||||
);
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<PrefetchRunQueriesEffect />
|
<PrefetchRunQueriesEffect />
|
||||||
{isFavoriteFolderEnabled && <PrefetchFavoriteFoldersRunQueriesEffect />}
|
|
||||||
{children}
|
{children}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|||||||
@ -1,45 +0,0 @@
|
|||||||
import { currentUserState } from '@/auth/states/currentUserState';
|
|
||||||
import { FavoriteFolder } from '@/favorites/types/FavoriteFolder';
|
|
||||||
import { useObjectMetadataItems } from '@/object-metadata/hooks/useObjectMetadataItems';
|
|
||||||
import { useCombinedFindManyRecords } from '@/object-record/multiple-objects/hooks/useCombinedFindManyRecords';
|
|
||||||
import { PREFETCH_CONFIG } from '@/prefetch/constants/PrefetchConfig';
|
|
||||||
import { usePrefetchRunQuery } from '@/prefetch/hooks/internal/usePrefetchRunQuery';
|
|
||||||
import { PrefetchKey } from '@/prefetch/types/PrefetchKey';
|
|
||||||
import { useEffect } from 'react';
|
|
||||||
import { useRecoilValue } from 'recoil';
|
|
||||||
import { isDefined } from '~/utils/isDefined';
|
|
||||||
|
|
||||||
// TODO: Remove this component once we merge it with PrefetchRunQueriesEffect (once we remove feature flag)
|
|
||||||
export const PrefetchFavoriteFoldersRunQueriesEffect = () => {
|
|
||||||
const currentUser = useRecoilValue(currentUserState);
|
|
||||||
|
|
||||||
const { upsertRecordsInCache: upsertFavoritesFoldersInCache } =
|
|
||||||
usePrefetchRunQuery<FavoriteFolder>({
|
|
||||||
prefetchKey: PrefetchKey.AllFavoritesFolders,
|
|
||||||
});
|
|
||||||
|
|
||||||
const { objectMetadataItems } = useObjectMetadataItems();
|
|
||||||
|
|
||||||
const operationSignatures = Object.values(PREFETCH_CONFIG)
|
|
||||||
.filter(({ objectNameSingular }) => objectNameSingular === 'favoriteFolder')
|
|
||||||
.map(({ objectNameSingular, operationSignatureFactory }) => {
|
|
||||||
const objectMetadataItem = objectMetadataItems.find(
|
|
||||||
(item) => item.nameSingular === objectNameSingular,
|
|
||||||
);
|
|
||||||
|
|
||||||
return operationSignatureFactory({ objectMetadataItem });
|
|
||||||
});
|
|
||||||
|
|
||||||
const { result } = useCombinedFindManyRecords({
|
|
||||||
operationSignatures,
|
|
||||||
skip: !currentUser,
|
|
||||||
});
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (isDefined(result.favoriteFolders)) {
|
|
||||||
upsertFavoritesFoldersInCache(result.favoriteFolders as FavoriteFolder[]);
|
|
||||||
}
|
|
||||||
}, [result, upsertFavoritesFoldersInCache]);
|
|
||||||
|
|
||||||
return null;
|
|
||||||
};
|
|
||||||
@ -3,6 +3,7 @@ import { useRecoilValue } from 'recoil';
|
|||||||
|
|
||||||
import { currentUserState } from '@/auth/states/currentUserState';
|
import { currentUserState } from '@/auth/states/currentUserState';
|
||||||
import { Favorite } from '@/favorites/types/Favorite';
|
import { Favorite } from '@/favorites/types/Favorite';
|
||||||
|
import { FavoriteFolder } from '@/favorites/types/FavoriteFolder';
|
||||||
import { useObjectMetadataItems } from '@/object-metadata/hooks/useObjectMetadataItems';
|
import { useObjectMetadataItems } from '@/object-metadata/hooks/useObjectMetadataItems';
|
||||||
import { useCombinedFindManyRecords } from '@/object-record/multiple-objects/hooks/useCombinedFindManyRecords';
|
import { useCombinedFindManyRecords } from '@/object-record/multiple-objects/hooks/useCombinedFindManyRecords';
|
||||||
import { PREFETCH_CONFIG } from '@/prefetch/constants/PrefetchConfig';
|
import { PREFETCH_CONFIG } from '@/prefetch/constants/PrefetchConfig';
|
||||||
@ -23,15 +24,14 @@ export const PrefetchRunQueriesEffect = () => {
|
|||||||
usePrefetchRunQuery<Favorite>({
|
usePrefetchRunQuery<Favorite>({
|
||||||
prefetchKey: PrefetchKey.AllFavorites,
|
prefetchKey: PrefetchKey.AllFavorites,
|
||||||
});
|
});
|
||||||
|
const { upsertRecordsInCache: upsertFavoritesFoldersInCache } =
|
||||||
|
usePrefetchRunQuery<FavoriteFolder>({
|
||||||
|
prefetchKey: PrefetchKey.AllFavoritesFolders,
|
||||||
|
});
|
||||||
const { objectMetadataItems } = useObjectMetadataItems();
|
const { objectMetadataItems } = useObjectMetadataItems();
|
||||||
|
|
||||||
const operationSignatures = Object.values(PREFETCH_CONFIG)
|
const operationSignatures = Object.values(PREFETCH_CONFIG)
|
||||||
.filter(
|
|
||||||
({ objectNameSingular }) =>
|
|
||||||
// TODO: Remove this filter once we merge PrefetchFavortiteFoldersRunQueriesEffect with this component
|
|
||||||
objectNameSingular !== 'favoriteFolder',
|
|
||||||
)
|
|
||||||
.map(({ objectNameSingular, operationSignatureFactory }) => {
|
.map(({ objectNameSingular, operationSignatureFactory }) => {
|
||||||
const objectMetadataItem = objectMetadataItems.find(
|
const objectMetadataItem = objectMetadataItems.find(
|
||||||
(item) => item.nameSingular === objectNameSingular,
|
(item) => item.nameSingular === objectNameSingular,
|
||||||
@ -53,7 +53,15 @@ export const PrefetchRunQueriesEffect = () => {
|
|||||||
if (isDefined(result.favorites)) {
|
if (isDefined(result.favorites)) {
|
||||||
upsertFavoritesInCache(result.favorites as Favorite[]);
|
upsertFavoritesInCache(result.favorites as Favorite[]);
|
||||||
}
|
}
|
||||||
}, [result, upsertViewsInCache, upsertFavoritesInCache]);
|
if (isDefined(result.favoriteFolders)) {
|
||||||
|
upsertFavoritesFoldersInCache(result.favoriteFolders as FavoriteFolder[]);
|
||||||
|
}
|
||||||
|
}, [
|
||||||
|
result,
|
||||||
|
upsertViewsInCache,
|
||||||
|
upsertFavoritesInCache,
|
||||||
|
upsertFavoritesFoldersInCache,
|
||||||
|
]);
|
||||||
|
|
||||||
return <></>;
|
return <></>;
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,12 +1,8 @@
|
|||||||
import { prefetchIsLoadedFamilyState } from '@/prefetch/states/prefetchIsLoadedFamilyState';
|
import { prefetchIsLoadedFamilyState } from '@/prefetch/states/prefetchIsLoadedFamilyState';
|
||||||
import { PrefetchKey } from '@/prefetch/types/PrefetchKey';
|
import { PrefetchKey } from '@/prefetch/types/PrefetchKey';
|
||||||
import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
|
|
||||||
import { useRecoilValue } from 'recoil';
|
import { useRecoilValue } from 'recoil';
|
||||||
|
|
||||||
export const useIsPrefetchLoading = () => {
|
export const useIsPrefetchLoading = () => {
|
||||||
const isFavoriteFolderEnabled = useIsFeatureEnabled(
|
|
||||||
'IS_FAVORITE_FOLDER_ENABLED',
|
|
||||||
);
|
|
||||||
const isFavoriteFoldersPrefetched = useRecoilValue(
|
const isFavoriteFoldersPrefetched = useRecoilValue(
|
||||||
prefetchIsLoadedFamilyState(PrefetchKey.AllFavoritesFolders),
|
prefetchIsLoadedFamilyState(PrefetchKey.AllFavoritesFolders),
|
||||||
);
|
);
|
||||||
@ -21,6 +17,6 @@ export const useIsPrefetchLoading = () => {
|
|||||||
return (
|
return (
|
||||||
!areViewsPrefetched ||
|
!areViewsPrefetched ||
|
||||||
!areFavoritesPrefetched ||
|
!areFavoritesPrefetched ||
|
||||||
(isFavoriteFolderEnabled && !isFavoriteFoldersPrefetched)
|
!isFavoriteFoldersPrefetched
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -22,7 +22,6 @@ import { ViewPickerListContent } from '@/views/view-picker/components/ViewPicker
|
|||||||
import { VIEW_PICKER_DROPDOWN_ID } from '@/views/view-picker/constants/ViewPickerDropdownId';
|
import { VIEW_PICKER_DROPDOWN_ID } from '@/views/view-picker/constants/ViewPickerDropdownId';
|
||||||
import { useUpdateViewFromCurrentState } from '@/views/view-picker/hooks/useUpdateViewFromCurrentState';
|
import { useUpdateViewFromCurrentState } from '@/views/view-picker/hooks/useUpdateViewFromCurrentState';
|
||||||
import { useViewPickerMode } from '@/views/view-picker/hooks/useViewPickerMode';
|
import { useViewPickerMode } from '@/views/view-picker/hooks/useViewPickerMode';
|
||||||
import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
|
|
||||||
import { isDefined } from '~/utils/isDefined';
|
import { isDefined } from '~/utils/isDefined';
|
||||||
|
|
||||||
const StyledDropdownLabelAdornments = styled.span`
|
const StyledDropdownLabelAdornments = styled.span`
|
||||||
@ -51,9 +50,6 @@ const StyledViewName = styled.span`
|
|||||||
|
|
||||||
export const ViewPickerDropdown = () => {
|
export const ViewPickerDropdown = () => {
|
||||||
const theme = useTheme();
|
const theme = useTheme();
|
||||||
const isFavoriteFolderEnabled = useIsFeatureEnabled(
|
|
||||||
'IS_FAVORITE_FOLDER_ENABLED',
|
|
||||||
);
|
|
||||||
|
|
||||||
const { currentViewWithCombinedFiltersAndSorts } = useGetCurrentView();
|
const { currentViewWithCombinedFiltersAndSorts } = useGetCurrentView();
|
||||||
|
|
||||||
@ -110,9 +106,7 @@ export const ViewPickerDropdown = () => {
|
|||||||
case 'list':
|
case 'list':
|
||||||
return <ViewPickerListContent />;
|
return <ViewPickerListContent />;
|
||||||
case 'favorite-folders-picker':
|
case 'favorite-folders-picker':
|
||||||
return (
|
return <ViewPickerFavoriteFoldersDropdown />;
|
||||||
isFavoriteFolderEnabled && <ViewPickerFavoriteFoldersDropdown />
|
|
||||||
);
|
|
||||||
case 'create-empty':
|
case 'create-empty':
|
||||||
case 'create-from-current':
|
case 'create-from-current':
|
||||||
return (
|
return (
|
||||||
|
|||||||
@ -8,7 +8,6 @@ import { View } from '@/views/types/View';
|
|||||||
import { useDeleteViewFromCurrentState } from '@/views/view-picker/hooks/useDeleteViewFromCurrentState';
|
import { useDeleteViewFromCurrentState } from '@/views/view-picker/hooks/useDeleteViewFromCurrentState';
|
||||||
import { useViewPickerMode } from '@/views/view-picker/hooks/useViewPickerMode';
|
import { useViewPickerMode } from '@/views/view-picker/hooks/useViewPickerMode';
|
||||||
import { viewPickerReferenceViewIdComponentState } from '@/views/view-picker/states/viewPickerReferenceViewIdComponentState';
|
import { viewPickerReferenceViewIdComponentState } from '@/views/view-picker/states/viewPickerReferenceViewIdComponentState';
|
||||||
import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
|
|
||||||
import { useState } from 'react';
|
import { useState } from 'react';
|
||||||
import {
|
import {
|
||||||
IconHeart,
|
IconHeart,
|
||||||
@ -41,10 +40,6 @@ export const ViewPickerOptionDropdown = ({
|
|||||||
);
|
);
|
||||||
const { setViewPickerMode } = useViewPickerMode();
|
const { setViewPickerMode } = useViewPickerMode();
|
||||||
|
|
||||||
const isFavoriteFolderEnabled = useIsFeatureEnabled(
|
|
||||||
'IS_FAVORITE_FOLDER_ENABLED',
|
|
||||||
);
|
|
||||||
|
|
||||||
const { sortedFavorites: favorites } = useFavorites();
|
const { sortedFavorites: favorites } = useFavorites();
|
||||||
const { createFavorite } = useCreateFavorite();
|
const { createFavorite } = useCreateFavorite();
|
||||||
|
|
||||||
@ -86,22 +81,19 @@ export const ViewPickerOptionDropdown = ({
|
|||||||
dropdownContent={
|
dropdownContent={
|
||||||
<DropdownMenuItemsContainer>
|
<DropdownMenuItemsContainer>
|
||||||
{isIndexView ? (
|
{isIndexView ? (
|
||||||
isFavoriteFolderEnabled && (
|
<MenuItem
|
||||||
|
LeftIcon={IconHeart}
|
||||||
|
text={isFavorite ? 'Manage favorite' : 'Add to Favorite'}
|
||||||
|
onClick={handleAddToFavorites}
|
||||||
|
/>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
<MenuItem
|
<MenuItem
|
||||||
LeftIcon={IconHeart}
|
LeftIcon={IconHeart}
|
||||||
text={isFavorite ? 'Manage favorite' : 'Add to Favorite'}
|
text={isFavorite ? 'Manage favorite' : 'Add to Favorite'}
|
||||||
onClick={handleAddToFavorites}
|
onClick={handleAddToFavorites}
|
||||||
/>
|
/>
|
||||||
)
|
|
||||||
) : (
|
|
||||||
<>
|
|
||||||
{isFavoriteFolderEnabled && (
|
|
||||||
<MenuItem
|
|
||||||
LeftIcon={IconHeart}
|
|
||||||
text={isFavorite ? 'Manage favorite' : 'Add to Favorite'}
|
|
||||||
onClick={handleAddToFavorites}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
<MenuItem
|
<MenuItem
|
||||||
LeftIcon={IconPencil}
|
LeftIcon={IconPencil}
|
||||||
text="Edit"
|
text="Edit"
|
||||||
|
|||||||
@ -17,6 +17,5 @@ export type FeatureFlagKey =
|
|||||||
| 'IS_MICROSOFT_SYNC_ENABLED'
|
| 'IS_MICROSOFT_SYNC_ENABLED'
|
||||||
| 'IS_ADVANCED_FILTERS_ENABLED'
|
| 'IS_ADVANCED_FILTERS_ENABLED'
|
||||||
| 'IS_AGGREGATE_QUERY_ENABLED'
|
| 'IS_AGGREGATE_QUERY_ENABLED'
|
||||||
| 'IS_FAVORITE_FOLDER_ENABLED'
|
|
||||||
| 'IS_VIEW_GROUPS_ENABLED'
|
| 'IS_VIEW_GROUPS_ENABLED'
|
||||||
| 'IS_PAGE_HEADER_V2_ENABLED';
|
| 'IS_PAGE_HEADER_V2_ENABLED';
|
||||||
|
|||||||
@ -5,7 +5,6 @@ import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
|
|||||||
import { ObjectRecord } from '@/object-record/types/ObjectRecord';
|
import { ObjectRecord } from '@/object-record/types/ObjectRecord';
|
||||||
import { PageHeaderOpenCommandMenuButton } from '@/ui/layout/page-header/components/PageHeaderOpenCommandMenuButton';
|
import { PageHeaderOpenCommandMenuButton } from '@/ui/layout/page-header/components/PageHeaderOpenCommandMenuButton';
|
||||||
import { ShowPageAddButton } from '@/ui/layout/show-page/components/ShowPageAddButton';
|
import { ShowPageAddButton } from '@/ui/layout/show-page/components/ShowPageAddButton';
|
||||||
import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
|
|
||||||
import { useIsMobile } from 'twenty-ui';
|
import { useIsMobile } from 'twenty-ui';
|
||||||
|
|
||||||
type RecordShowPageBaseHeaderProps = {
|
type RecordShowPageBaseHeaderProps = {
|
||||||
@ -23,31 +22,20 @@ export const RecordShowPageBaseHeader = ({
|
|||||||
objectNameSingular,
|
objectNameSingular,
|
||||||
handleFavoriteButtonClick,
|
handleFavoriteButtonClick,
|
||||||
}: RecordShowPageBaseHeaderProps) => {
|
}: RecordShowPageBaseHeaderProps) => {
|
||||||
const isFavoriteFolderEnabled = useIsFeatureEnabled(
|
|
||||||
'IS_FAVORITE_FOLDER_ENABLED',
|
|
||||||
);
|
|
||||||
|
|
||||||
const isMobile = useIsMobile();
|
const isMobile = useIsMobile();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{!isMobile && (
|
{!isMobile && (
|
||||||
<>
|
<>
|
||||||
{isFavoriteFolderEnabled ? (
|
{isFavorite ? (
|
||||||
isFavorite ? (
|
<PageFavoriteFoldersDropdown
|
||||||
<PageFavoriteFoldersDropdown
|
key={FAVORITE_FOLDER_PICKER_DROPDOWN_ID}
|
||||||
key={FAVORITE_FOLDER_PICKER_DROPDOWN_ID}
|
dropdownId={FAVORITE_FOLDER_PICKER_DROPDOWN_ID}
|
||||||
dropdownId={FAVORITE_FOLDER_PICKER_DROPDOWN_ID}
|
isFavorite={isFavorite}
|
||||||
isFavorite={isFavorite}
|
record={record}
|
||||||
record={record}
|
objectNameSingular={objectNameSingular}
|
||||||
objectNameSingular={objectNameSingular}
|
/>
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
<PageFavoriteButton
|
|
||||||
isFavorite={isFavorite}
|
|
||||||
onClick={handleFavoriteButtonClick}
|
|
||||||
/>
|
|
||||||
)
|
|
||||||
) : (
|
) : (
|
||||||
<PageFavoriteButton
|
<PageFavoriteButton
|
||||||
isFavorite={isFavorite}
|
isFavorite={isFavorite}
|
||||||
|
|||||||
@ -85,16 +85,6 @@ export const seedFeatureFlags = async (
|
|||||||
workspaceId: workspaceId,
|
workspaceId: workspaceId,
|
||||||
value: false,
|
value: false,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
key: FeatureFlagKey.IsFavoriteFolderEnabled,
|
|
||||||
workspaceId: workspaceId,
|
|
||||||
value: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: FeatureFlagKey.IsFavoriteFolderEntityEnabled,
|
|
||||||
workspaceId: workspaceId,
|
|
||||||
value: true,
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
key: FeatureFlagKey.IsPageHeaderV2Enabled,
|
key: FeatureFlagKey.IsPageHeaderV2Enabled,
|
||||||
workspaceId: workspaceId,
|
workspaceId: workspaceId,
|
||||||
|
|||||||
@ -15,8 +15,6 @@ export enum FeatureFlagKey {
|
|||||||
IsMicrosoftSyncEnabled = 'IS_MICROSOFT_SYNC_ENABLED',
|
IsMicrosoftSyncEnabled = 'IS_MICROSOFT_SYNC_ENABLED',
|
||||||
IsAdvancedFiltersEnabled = 'IS_ADVANCED_FILTERS_ENABLED',
|
IsAdvancedFiltersEnabled = 'IS_ADVANCED_FILTERS_ENABLED',
|
||||||
IsAggregateQueryEnabled = 'IS_AGGREGATE_QUERY_ENABLED',
|
IsAggregateQueryEnabled = 'IS_AGGREGATE_QUERY_ENABLED',
|
||||||
IsFavoriteFolderEnabled = 'IS_FAVORITE_FOLDER_ENABLED',
|
|
||||||
IsFavoriteFolderEntityEnabled = 'IS_FAVORITE_FOLDER_ENTITY_ENABLED',
|
|
||||||
IsViewGroupsEnabled = 'IS_VIEW_GROUPS_ENABLED',
|
IsViewGroupsEnabled = 'IS_VIEW_GROUPS_ENABLED',
|
||||||
IsPageHeaderV2Enabled = 'IS_PAGE_HEADER_V2_ENABLED',
|
IsPageHeaderV2Enabled = 'IS_PAGE_HEADER_V2_ENABLED',
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,11 +1,10 @@
|
|||||||
import { Module } from '@nestjs/common';
|
import { Module } from '@nestjs/common';
|
||||||
|
|
||||||
import { FeatureFlagModule } from 'src/engine/core-modules/feature-flag/feature-flag.module';
|
|
||||||
import { TwentyORMModule } from 'src/engine/twenty-orm/twenty-orm.module';
|
import { TwentyORMModule } from 'src/engine/twenty-orm/twenty-orm.module';
|
||||||
import { FavoriteFolderDeletionListener } from 'src/modules/favorite-folder/listeners/favorite-folder.listener';
|
import { FavoriteFolderDeletionListener } from 'src/modules/favorite-folder/listeners/favorite-folder.listener';
|
||||||
|
|
||||||
@Module({
|
@Module({
|
||||||
imports: [TwentyORMModule, FeatureFlagModule],
|
imports: [TwentyORMModule],
|
||||||
providers: [FavoriteFolderDeletionListener],
|
providers: [FavoriteFolderDeletionListener],
|
||||||
})
|
})
|
||||||
export class FavoriteFolderModule {}
|
export class FavoriteFolderModule {}
|
||||||
|
|||||||
@ -1,20 +1,17 @@
|
|||||||
import { Injectable } from '@nestjs/common';
|
import { Injectable } from '@nestjs/common';
|
||||||
|
|
||||||
|
import { OnDatabaseBatchEvent } from 'src/engine/api/graphql/graphql-query-runner/decorators/on-database-batch-event.decorator';
|
||||||
|
import { DatabaseEventAction } from 'src/engine/api/graphql/graphql-query-runner/enums/database-event-action';
|
||||||
import { ObjectRecordDeleteEvent } from 'src/engine/core-modules/event-emitter/types/object-record-delete.event';
|
import { ObjectRecordDeleteEvent } from 'src/engine/core-modules/event-emitter/types/object-record-delete.event';
|
||||||
import { FeatureFlagKey } from 'src/engine/core-modules/feature-flag/enums/feature-flag-key.enum';
|
|
||||||
import { FeatureFlagService } from 'src/engine/core-modules/feature-flag/services/feature-flag.service';
|
|
||||||
import { TwentyORMGlobalManager } from 'src/engine/twenty-orm/twenty-orm-global.manager';
|
import { TwentyORMGlobalManager } from 'src/engine/twenty-orm/twenty-orm-global.manager';
|
||||||
import { WorkspaceEventBatch } from 'src/engine/workspace-event-emitter/types/workspace-event.type';
|
import { WorkspaceEventBatch } from 'src/engine/workspace-event-emitter/types/workspace-event.type';
|
||||||
import { FavoriteFolderWorkspaceEntity } from 'src/modules/favorite-folder/standard-objects/favorite-folder.workspace-entity';
|
import { FavoriteFolderWorkspaceEntity } from 'src/modules/favorite-folder/standard-objects/favorite-folder.workspace-entity';
|
||||||
import { FavoriteWorkspaceEntity } from 'src/modules/favorite/standard-objects/favorite.workspace-entity';
|
import { FavoriteWorkspaceEntity } from 'src/modules/favorite/standard-objects/favorite.workspace-entity';
|
||||||
import { OnDatabaseBatchEvent } from 'src/engine/api/graphql/graphql-query-runner/decorators/on-database-batch-event.decorator';
|
|
||||||
import { DatabaseEventAction } from 'src/engine/api/graphql/graphql-query-runner/enums/database-event-action';
|
|
||||||
|
|
||||||
@Injectable()
|
@Injectable()
|
||||||
export class FavoriteFolderDeletionListener {
|
export class FavoriteFolderDeletionListener {
|
||||||
constructor(
|
constructor(
|
||||||
private readonly twentyORMGlobalManager: TwentyORMGlobalManager,
|
private readonly twentyORMGlobalManager: TwentyORMGlobalManager,
|
||||||
private readonly featureFlagService: FeatureFlagService,
|
|
||||||
) {}
|
) {}
|
||||||
|
|
||||||
@OnDatabaseBatchEvent('favoriteFolder', DatabaseEventAction.DELETED)
|
@OnDatabaseBatchEvent('favoriteFolder', DatabaseEventAction.DELETED)
|
||||||
@ -23,16 +20,6 @@ export class FavoriteFolderDeletionListener {
|
|||||||
ObjectRecordDeleteEvent<FavoriteFolderWorkspaceEntity>
|
ObjectRecordDeleteEvent<FavoriteFolderWorkspaceEntity>
|
||||||
>,
|
>,
|
||||||
) {
|
) {
|
||||||
const isFavoriteFolderEntityEnabled =
|
|
||||||
await this.featureFlagService.isFeatureEnabled(
|
|
||||||
FeatureFlagKey.IsFavoriteFolderEntityEnabled,
|
|
||||||
payload.workspaceId,
|
|
||||||
);
|
|
||||||
|
|
||||||
if (!isFavoriteFolderEntityEnabled) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
for (const eventPayload of payload.events) {
|
for (const eventPayload of payload.events) {
|
||||||
const favoriteRepository =
|
const favoriteRepository =
|
||||||
await this.twentyORMGlobalManager.getRepositoryForWorkspace<FavoriteWorkspaceEntity>(
|
await this.twentyORMGlobalManager.getRepositoryForWorkspace<FavoriteWorkspaceEntity>(
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
import { Relation } from 'src/engine/workspace-manager/workspace-sync-metadata/interfaces/relation.interface';
|
import { Relation } from 'src/engine/workspace-manager/workspace-sync-metadata/interfaces/relation.interface';
|
||||||
|
|
||||||
import { FeatureFlagKey } from 'src/engine/core-modules/feature-flag/enums/feature-flag-key.enum';
|
|
||||||
import { FieldMetadataType } from 'src/engine/metadata-modules/field-metadata/field-metadata.entity';
|
import { FieldMetadataType } from 'src/engine/metadata-modules/field-metadata/field-metadata.entity';
|
||||||
import {
|
import {
|
||||||
RelationMetadataType,
|
RelationMetadataType,
|
||||||
@ -9,7 +8,6 @@ import {
|
|||||||
import { BaseWorkspaceEntity } from 'src/engine/twenty-orm/base.workspace-entity';
|
import { BaseWorkspaceEntity } from 'src/engine/twenty-orm/base.workspace-entity';
|
||||||
import { WorkspaceEntity } from 'src/engine/twenty-orm/decorators/workspace-entity.decorator';
|
import { WorkspaceEntity } from 'src/engine/twenty-orm/decorators/workspace-entity.decorator';
|
||||||
import { WorkspaceField } from 'src/engine/twenty-orm/decorators/workspace-field.decorator';
|
import { WorkspaceField } from 'src/engine/twenty-orm/decorators/workspace-field.decorator';
|
||||||
import { WorkspaceGate } from 'src/engine/twenty-orm/decorators/workspace-gate.decorator';
|
|
||||||
import { WorkspaceIsSystem } from 'src/engine/twenty-orm/decorators/workspace-is-system.decorator';
|
import { WorkspaceIsSystem } from 'src/engine/twenty-orm/decorators/workspace-is-system.decorator';
|
||||||
import { WorkspaceRelation } from 'src/engine/twenty-orm/decorators/workspace-relation.decorator';
|
import { WorkspaceRelation } from 'src/engine/twenty-orm/decorators/workspace-relation.decorator';
|
||||||
import { FAVORITE_FOLDER_STANDARD_FIELD_IDS } from 'src/engine/workspace-manager/workspace-sync-metadata/constants/standard-field-ids';
|
import { FAVORITE_FOLDER_STANDARD_FIELD_IDS } from 'src/engine/workspace-manager/workspace-sync-metadata/constants/standard-field-ids';
|
||||||
@ -25,9 +23,6 @@ import { FavoriteWorkspaceEntity } from 'src/modules/favorite/standard-objects/f
|
|||||||
icon: 'IconFolder',
|
icon: 'IconFolder',
|
||||||
})
|
})
|
||||||
@WorkspaceIsSystem()
|
@WorkspaceIsSystem()
|
||||||
@WorkspaceGate({
|
|
||||||
featureFlag: FeatureFlagKey.IsFavoriteFolderEntityEnabled,
|
|
||||||
})
|
|
||||||
export class FavoriteFolderWorkspaceEntity extends BaseWorkspaceEntity {
|
export class FavoriteFolderWorkspaceEntity extends BaseWorkspaceEntity {
|
||||||
@WorkspaceField({
|
@WorkspaceField({
|
||||||
standardId: FAVORITE_FOLDER_STANDARD_FIELD_IDS.position,
|
standardId: FAVORITE_FOLDER_STANDARD_FIELD_IDS.position,
|
||||||
|
|||||||
@ -106,16 +106,10 @@ export class FavoriteWorkspaceEntity extends BaseWorkspaceEntity {
|
|||||||
inverseSideTarget: () => FavoriteFolderWorkspaceEntity,
|
inverseSideTarget: () => FavoriteFolderWorkspaceEntity,
|
||||||
inverseSideFieldKey: 'favorites',
|
inverseSideFieldKey: 'favorites',
|
||||||
})
|
})
|
||||||
@WorkspaceGate({
|
|
||||||
featureFlag: FeatureFlagKey.IsFavoriteFolderEntityEnabled,
|
|
||||||
})
|
|
||||||
@WorkspaceIsNullable()
|
@WorkspaceIsNullable()
|
||||||
favoriteFolder: Relation<FavoriteFolderWorkspaceEntity> | null;
|
favoriteFolder: Relation<FavoriteFolderWorkspaceEntity> | null;
|
||||||
|
|
||||||
@WorkspaceJoinColumn('favoriteFolder')
|
@WorkspaceJoinColumn('favoriteFolder')
|
||||||
@WorkspaceGate({
|
|
||||||
featureFlag: FeatureFlagKey.IsFavoriteFolderEntityEnabled,
|
|
||||||
})
|
|
||||||
favoriteFolderId: string;
|
favoriteFolderId: string;
|
||||||
|
|
||||||
@WorkspaceRelation({
|
@WorkspaceRelation({
|
||||||
|
|||||||
Reference in New Issue
Block a user