271 remove is command menu v2 enabled (#10809)

Closes https://github.com/twentyhq/core-team-issues/issues/271

This PR
- Removes the feature flag IS_COMMAND_MENU_V2_ENABLED
- Removes all old Right drawer components
- Removes the Action menu bar
- Removes unused Copilot page

packages/twenty-front/src/modules/ui/layout/page/components/PageAddButton.tsx

@@ -1,18 +1,12 @@
 import { useHasObjectReadOnlyPermission } from '@/settings/roles/hooks/useHasObjectReadOnlyPermission';
-import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
 import { useLingui } from '@lingui/react/macro';
-import { Button, IconButton, IconPlus, useIsMobile } from 'twenty-ui';
-import { FeatureFlagKey } from '~/generated/graphql';
+import { Button, IconPlus, useIsMobile } from 'twenty-ui';
 
 type PageAddButtonProps = {
   onClick?: () => void;
 };
 
 export const PageAddButton = ({ onClick }: PageAddButtonProps) => {
-  const isCommandMenuV2Enabled = useIsFeatureEnabled(
-    FeatureFlagKey.IsCommandMenuV2Enabled,
-  );
-
   const hasObjectReadOnlyPermission = useHasObjectReadOnlyPermission();
 
   const isMobile = useIsMobile();
@@ -24,29 +18,15 @@ export const PageAddButton = ({ onClick }: PageAddButtonProps) => {
   }
 
   return (
-    <>
-      {isCommandMenuV2Enabled ? (
-        <Button
-          Icon={IconPlus}
-          dataTestId="add-button"
-          size={isMobile ? 'medium' : 'small'}
-          variant="secondary"
-          accent="default"
-          title={isMobile ? '' : t`New record`}
-          onClick={onClick}
-          ariaLabel={t`New record`}
-        />
-      ) : (
-        <IconButton
-          Icon={IconPlus}
-          dataTestId="add-button"
-          size="medium"
-          variant="secondary"
-          accent="default"
-          ariaLabel={t`Add`}
-          onClick={onClick}
-        />
-      )}
-    </>
+    <Button
+      Icon={IconPlus}
+      dataTestId="add-button"
+      size={isMobile ? 'medium' : 'small'}
+      variant="secondary"
+      accent="default"
+      title={isMobile ? '' : t`New record`}
+      onClick={onClick}
+      ariaLabel={t`New record`}
+    />
   );
 };

packages/twenty-front/src/modules/ui/layout/page/components/PageBody.tsx

@@ -1,9 +1,7 @@
-import { ReactNode } from 'react';
 import styled from '@emotion/styled';
+import { ReactNode } from 'react';
 import { MOBILE_VIEWPORT } from 'twenty-ui';
 
-import { RightDrawer } from '@/ui/layout/right-drawer/components/RightDrawer';
-
 import { PagePanel } from './PagePanel';
 
 type PageBodyProps = {
@@ -45,6 +43,5 @@ export const PageBody = ({ children }: PageBodyProps) => (
     <StyledLeftContainer>
       <PagePanel>{children}</PagePanel>
     </StyledLeftContainer>
-    <RightDrawer />
   </StyledMainContainer>
 );

packages/twenty-front/src/modules/ui/layout/page/components/PageHeader.tsx

@@ -3,9 +3,6 @@ import styled from '@emotion/styled';
 import { ReactNode } from 'react';
 import { useRecoilValue } from 'recoil';
 import {
-  IconButton,
-  IconChevronDown,
-  IconChevronUp,
   IconComponent,
   IconX,
   LightIconButton,
@@ -17,8 +14,6 @@ import { NavigationDrawerCollapseButton } from '@/ui/navigation/navigation-drawe
 
 import { isNavigationDrawerExpandedState } from '@/ui/navigation/states/isNavigationDrawerExpanded';
 import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
-import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
-import { FeatureFlagKey } from '~/generated/graphql';
 
 export const PAGE_BAR_MIN_HEIGHT = 40;
 
@@ -94,11 +89,6 @@ type PageHeaderProps = {
   title?: ReactNode;
   hasClosePageButton?: boolean;
   onClosePage?: () => void;
-  hasPaginationButtons?: boolean;
-  hasPreviousRecord?: boolean;
-  hasNextRecord?: boolean;
-  navigateToPreviousRecord?: () => void;
-  navigateToNextRecord?: () => void;
   Icon?: IconComponent;
   children?: ReactNode;
 };
@@ -107,9 +97,6 @@ export const PageHeader = ({
   title,
   hasClosePageButton,
   onClosePage,
-  hasPaginationButtons,
-  navigateToPreviousRecord,
-  navigateToNextRecord,
   Icon,
   children,
 }: PageHeaderProps) => {
@@ -119,10 +106,6 @@ export const PageHeader = ({
     isNavigationDrawerExpandedState,
   );
 
-  const isCommandMenuV2Enabled = useIsFeatureEnabled(
-    FeatureFlagKey.IsCommandMenuV2Enabled,
-  );
-
   return (
     <StyledTopBarContainer>
       <StyledLeftContainer>
@@ -141,25 +124,11 @@ export const PageHeader = ({
         )}
 
         <StyledTopBarIconStyledTitleContainer>
-          {!isCommandMenuV2Enabled && hasPaginationButtons && (
-            <>
-              <IconButton
-                Icon={IconChevronUp}
-                size="small"
-                variant="secondary"
-                onClick={() => navigateToPreviousRecord?.()}
-              />
-              <IconButton
-                Icon={IconChevronDown}
-                size="small"
-                variant="secondary"
-                onClick={() => navigateToNextRecord?.()}
-              />
-            </>
+          {Icon && (
+            <StyledIconContainer>
+              <Icon size={theme.icon.size.md} />
+            </StyledIconContainer>
           )}
-          <StyledIconContainer>
-            {Icon && <Icon size={theme.icon.size.md} />}
-          </StyledIconContainer>
           {title && (
             <StyledTitleContainer data-testid="top-bar-title">
               {typeof title === 'string' ? (

packages/twenty-front/src/modules/ui/layout/page/components/PageHotkeysEffect.tsx

@@ -1,16 +0,0 @@
-import { TableHotkeyScope } from '@/object-record/record-table/types/TableHotkeyScope';
-import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
-
-type PageHotkeysEffectProps = {
-  onAddButtonClick?: () => void;
-};
-
-export const PageHotkeysEffect = ({
-  onAddButtonClick,
-}: PageHotkeysEffectProps) => {
-  useScopedHotkeys('c', () => onAddButtonClick?.(), TableHotkeyScope.Table, [
-    onAddButtonClick,
-  ]);
-
-  return <></>;
-};