7fd89678b7
# Introduction Avoid having multiple `isDefined` definition across our pacakges Also avoid importing `isDefined` from `twenty-ui` which exposes a huge barrel for a such little util function ## In a nutshell Removed own `isDefined.ts` definition from `twenty-ui` `twenty-front` and `twenty-server` to move it to `twenty-shared`. Updated imports for each packages, and added explicit dependencies to `twenty-shared` if not already in place Related PR https://github.com/twentyhq/twenty/pull/9941
31 lines
1.3 KiB
TypeScript
31 lines
1.3 KiB
TypeScript
import { useRecoilValue } from 'recoil';
|
|
import { isDefined } from 'twenty-shared';
|
|
|
|
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';
|
|
|
|
export const RemoteNavigationDrawerSection = () => {
|
|
const currentUser = useRecoilValue(currentUserState);
|
|
|
|
const { activeObjectMetadataItems } = useFilteredObjectMetadataItems();
|
|
const filteredActiveObjectMetadataItems = activeObjectMetadataItems.filter(
|
|
(item) => item.isRemote,
|
|
);
|
|
const loading = useIsPrefetchLoading();
|
|
|
|
if (loading && isDefined(currentUser)) {
|
|
return <NavigationDrawerSectionForObjectMetadataItemsSkeletonLoader />;
|
|
}
|
|
|
|
return (
|
|
<NavigationDrawerSectionForObjectMetadataItems
|
|
sectionTitle={'Remote'}
|
|
objectMetadataItems={filteredActiveObjectMetadataItems}
|
|
isRemote={true}
|
|
/>
|
|
);
|
|
};
|