refactor!: rename Command Menu page/navigation layer to Side Panel (#18393)

2026-03-05 20:16:31 +05:30
parent 38ad0820c0
commit 5853891b02
675 changed files with 4894 additions and 4964 deletions
@@ -0,0 +1,33 @@
+import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLoader';
+import { styled } from '@linaria/react';
+import { useContext } from 'react';
+import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
+import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants';
+
+const StyledSidePanelContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  padding: ${themeCssVariables.spacing[4]};
+`;
+
+const StyledSkeletonLoader = () => {
+  const { theme } = useContext(ThemeContext);
+  return (
+    <SkeletonTheme
+      baseColor={theme.background.tertiary}
+      highlightColor={theme.background.transparent.lighter}
+      borderRadius={4}
+    >
+      <Skeleton height={SKELETON_LOADER_HEIGHT_SIZES.standard.m} width={140} />
+    </SkeletonTheme>
+  );
+};
+
+export const SidePanelSkeletonLoader = () => {
+  return (
+    <StyledSidePanelContainer>
+      <StyledSkeletonLoader />
+    </StyledSidePanelContainer>
+  );
+};