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/activities/calendar/components/CalendarEventParticipantsResponseStatusField.tsx

@@ -1,7 +1,6 @@
 import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
 import { useRef } from 'react';
-import { useRecoilValue } from 'recoil';
 import { IconCheck, IconQuestionMark, IconX } from 'twenty-ui';
 
 import { CalendarEventParticipant } from '@/activities/calendar/types/CalendarEventParticipant';
@@ -9,7 +8,6 @@ import { ParticipantChip } from '@/activities/components/ParticipantChip';
 import { PropertyBox } from '@/object-record/record-inline-cell/property-box/components/PropertyBox';
 import { EllipsisDisplay } from '@/ui/field/display/components/EllipsisDisplay';
 import { ExpandableList } from '@/ui/layout/expandable-list/components/ExpandableList';
-import { isRightDrawerAnimationCompletedState } from '@/ui/layout/right-drawer/states/isRightDrawerAnimationCompletedState';
 
 const StyledInlineCellBaseContainer = styled.div`
   align-items: center;
@@ -68,9 +66,6 @@ export const CalendarEventParticipantsResponseStatusField = ({
   participants: CalendarEventParticipant[];
 }) => {
   const theme = useTheme();
-  const isRightDrawerAnimationCompleted = useRecoilValue(
-    isRightDrawerAnimationCompletedState,
-  );
 
   const Icon = {
     Yes: <IconCheck stroke={theme.icon.stroke.sm} />,
@@ -103,9 +98,7 @@ export const CalendarEventParticipantsResponseStatusField = ({
           </StyledLabelContainer>
         </StyledLabelAndIconContainer>
         <StyledDiv ref={participantsContainerRef}>
-          {isRightDrawerAnimationCompleted && (
-            <ExpandableList isChipCountDisplayed>{styledChips}</ExpandableList>
-          )}
+          <ExpandableList isChipCountDisplayed>{styledChips}</ExpandableList>
         </StyledDiv>
       </StyledInlineCellBaseContainer>
     </StyledPropertyBox>

packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx

@@ -6,13 +6,11 @@ import { useRecoilValue } from 'recoil';
 
 import { CalendarCurrentEventCursor } from '@/activities/calendar/components/CalendarCurrentEventCursor';
 import { CalendarContext } from '@/activities/calendar/contexts/CalendarContext';
-import { useOpenCalendarEventRightDrawer } from '@/activities/calendar/right-drawer/hooks/useOpenCalendarEventRightDrawer';
 import { getCalendarEventEndDate } from '@/activities/calendar/utils/getCalendarEventEndDate';
 import { getCalendarEventStartDate } from '@/activities/calendar/utils/getCalendarEventStartDate';
 import { hasCalendarEventEnded } from '@/activities/calendar/utils/hasCalendarEventEnded';
 import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState';
 import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
-import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
 import { isDefined } from 'twenty-shared';
 import {
   Avatar,
@@ -24,7 +22,6 @@ import {
 } from 'twenty-ui';
 import {
   CalendarChannelVisibility,
-  FeatureFlagKey,
   TimelineCalendarEvent,
 } from '~/generated-metadata/graphql';
 
@@ -117,11 +114,7 @@ export const CalendarEventRow = ({
   const theme = useTheme();
   const currentWorkspaceMember = useRecoilValue(currentWorkspaceMemberState);
   const { displayCurrentEventCursor = false } = useContext(CalendarContext);
-  const { openCalendarEventRightDrawer } = useOpenCalendarEventRightDrawer();
   const { openCalendarEventInCommandMenu } = useCommandMenu();
-  const isCommandMenuV2Enabled = useIsFeatureEnabled(
-    FeatureFlagKey.IsCommandMenuV2Enabled,
-  );
 
   const startsAt = getCalendarEventStartDate(calendarEvent);
   const endsAt = getCalendarEventEndDate(calendarEvent);
@@ -145,11 +138,7 @@ export const CalendarEventRow = ({
       onClick={
         showTitle
           ? () => {
-              if (isCommandMenuV2Enabled) {
-                openCalendarEventInCommandMenu(calendarEvent.id);
-              } else {
-                openCalendarEventRightDrawer(calendarEvent.id);
-              }
+              openCalendarEventInCommandMenu(calendarEvent.id);
             }
           : undefined
       }

packages/twenty-front/src/modules/activities/calendar/right-drawer/components/RightDrawerCalendarEvent.tsx

@@ -1,36 +0,0 @@
-import { useRecoilValue } from 'recoil';
-
-import { CalendarEventDetails } from '@/activities/calendar/components/CalendarEventDetails';
-import { CalendarEventDetailsEffect } from '@/activities/calendar/components/CalendarEventDetailsEffect';
-import { FIND_ONE_CALENDAR_EVENT_OPERATION_SIGNATURE } from '@/activities/calendar/graphql/operation-signatures/FindOneCalendarEventOperationSignature';
-import { CalendarEvent } from '@/activities/calendar/types/CalendarEvent';
-import { useFindOneRecord } from '@/object-record/hooks/useFindOneRecord';
-import { viewableRecordIdState } from '@/object-record/record-right-drawer/states/viewableRecordIdState';
-import { RecordValueSetterEffect } from '@/object-record/record-store/components/RecordValueSetterEffect';
-import { RecordFieldValueSelectorContextProvider } from '@/object-record/record-store/contexts/RecordFieldValueSelectorContext';
-import { useUpsertRecordsInStore } from '@/object-record/record-store/hooks/useUpsertRecordsInStore';
-
-export const RightDrawerCalendarEvent = () => {
-  const { upsertRecords } = useUpsertRecordsInStore();
-  const viewableRecordId = useRecoilValue(viewableRecordIdState);
-
-  const { record: calendarEvent } = useFindOneRecord<CalendarEvent>({
-    objectNameSingular:
-      FIND_ONE_CALENDAR_EVENT_OPERATION_SIGNATURE.objectNameSingular,
-    objectRecordId: viewableRecordId ?? '',
-    recordGqlFields: FIND_ONE_CALENDAR_EVENT_OPERATION_SIGNATURE.fields,
-    onCompleted: (record) => upsertRecords([record]),
-  });
-
-  if (!calendarEvent) {
-    return null;
-  }
-
-  return (
-    <RecordFieldValueSelectorContextProvider>
-      <CalendarEventDetailsEffect record={calendarEvent} />
-      <RecordValueSetterEffect recordId={calendarEvent.id} />
-      <CalendarEventDetails calendarEvent={calendarEvent} />
-    </RecordFieldValueSelectorContextProvider>
-  );
-};

packages/twenty-front/src/modules/activities/calendar/right-drawer/hooks/__tests__/useOpenCalendarEventRightDrawer.test.tsx

@@ -1,33 +0,0 @@
-import { act, renderHook } from '@testing-library/react';
-import { RecoilRoot, useRecoilValue } from 'recoil';
-
-import { useOpenCalendarEventRightDrawer } from '@/activities/calendar/right-drawer/hooks/useOpenCalendarEventRightDrawer';
-import { viewableRecordIdState } from '@/object-record/record-right-drawer/states/viewableRecordIdState';
-import { isRightDrawerOpenState } from '@/ui/layout/right-drawer/states/isRightDrawerOpenState';
-
-describe('useOpenCalendarEventRightDrawer', () => {
-  it('opens the right drawer with the calendar event', () => {
-    const { result } = renderHook(
-      () => {
-        const isRightDrawerOpen = useRecoilValue(isRightDrawerOpenState);
-        const viewableRecordId = useRecoilValue(viewableRecordIdState);
-        return {
-          ...useOpenCalendarEventRightDrawer(),
-          isRightDrawerOpen,
-          viewableRecordId,
-        };
-      },
-      { wrapper: RecoilRoot },
-    );
-
-    expect(result.current.isRightDrawerOpen).toBe(false);
-    expect(result.current.viewableRecordId).toBeNull();
-
-    act(() => {
-      result.current.openCalendarEventRightDrawer('1234');
-    });
-
-    expect(result.current.isRightDrawerOpen).toBe(true);
-    expect(result.current.viewableRecordId).toBe('1234');
-  });
-});

packages/twenty-front/src/modules/activities/calendar/right-drawer/hooks/useOpenCalendarEventRightDrawer.ts

@@ -1,25 +0,0 @@
-import { useSetRecoilState } from 'recoil';
-
-import { viewableRecordIdState } from '@/object-record/record-right-drawer/states/viewableRecordIdState';
-import { useRightDrawer } from '@/ui/layout/right-drawer/hooks/useRightDrawer';
-import { RightDrawerHotkeyScope } from '@/ui/layout/right-drawer/types/RightDrawerHotkeyScope';
-import { RightDrawerPages } from '@/ui/layout/right-drawer/types/RightDrawerPages';
-import { useSetHotkeyScope } from '@/ui/utilities/hotkey/hooks/useSetHotkeyScope';
-import { IconCalendarEvent } from 'twenty-ui';
-
-export const useOpenCalendarEventRightDrawer = () => {
-  const { openRightDrawer } = useRightDrawer();
-  const setHotkeyScope = useSetHotkeyScope();
-  const setViewableRecordId = useSetRecoilState(viewableRecordIdState);
-
-  const openCalendarEventRightDrawer = (calendarEventId: string) => {
-    setHotkeyScope(RightDrawerHotkeyScope.RightDrawer, { goto: false });
-    openRightDrawer(RightDrawerPages.ViewCalendarEvent, {
-      title: 'Calendar Event',
-      Icon: IconCalendarEvent,
-    });
-    setViewableRecordId(calendarEventId);
-  };
-
-  return { openCalendarEventRightDrawer };
-};