houseassassin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Animate the sidebar when opening/closing an element in the "opened" section (#18867)

Browse Source 
https://github.com/user-attachments/assets/38f64750-7bca-4b10-8489-11d386a10298

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Abdul Rahman
2026-03-25 05:14:01 +05:30
committed by GitHub
parent 766f956a15
commit b642d1b114
5 changed files with 12 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItems.tsx
+1 -3
View File
@@ -25,7 +25,6 @@ const ORDERED_LAST_STANDARD_OBJECTS: string[] = [
type NavigationDrawerSectionForObjectMetadataItemsProps = {
sectionTitle: string;
isRemote: boolean;
objectMetadataItems: EnrichedObjectMetadataItem[];
rightIcon?: React.ReactNode;
selectedObjectMetadataItemId?: string | null;
@@ -39,14 +38,13 @@ type NavigationDrawerSectionForObjectMetadataItemsProps = {
export const NavigationDrawerSectionForObjectMetadataItems = ({
sectionTitle,
isRemote,
objectMetadataItems,
rightIcon,
selectedObjectMetadataItemId = null,
onObjectMetadataItemClick,
onActiveObjectMetadataItemClick,
}: NavigationDrawerSectionForObjectMetadataItemsProps) => {
const navigationSectionId = 'Objects' + (isRemote ? 'Remote' : 'Workspace');
const navigationSectionId = 'ObjectsWorkspace';
const { toggleNavigationSection } = useNavigationSection(navigationSectionId);
const isNavigationSectionOpen = useAtomFamilyStateValue(
isNavigationSectionOpenFamilyState,
packages/twenty-front/src/modules/object-metadata/components/RemoteNavigationDrawerSection.tsx
-20
View File
@@ -1,20 +0,0 @@
import { NavigationDrawerSectionForObjectMetadataItems } from '@/object-metadata/components/NavigationDrawerSectionForObjectMetadataItems';
import { useFilteredObjectMetadataItems } from '@/object-metadata/hooks/useFilteredObjectMetadataItems';
import { useLingui } from '@lingui/react/macro';
export const RemoteNavigationDrawerSection = () => {
const { t } = useLingui();
const { activeNonSystemObjectMetadataItems } =
useFilteredObjectMetadataItems();
const filteredActiveNonSystemObjectMetadataItems =
activeNonSystemObjectMetadataItems.filter((item) => item.isRemote);
return (
<NavigationDrawerSectionForObjectMetadataItems
sectionTitle={t`Remote`}
objectMetadataItems={filteredActiveNonSystemObjectMetadataItems}
isRemote={true}
/>
);
};