Fix right drawer actions (#9241)

https://github.com/user-attachments/assets/107e6058-633f-4caa-967c-7017bef75d52

packages/twenty-front/src/modules/action-menu/actions/record-actions/single-record/hooks/useNavigateToNextRecordSingleRecordAction.ts

@@ -1,15 +1,19 @@
 import { SingleRecordActionHookWithObjectMetadataItem } from '@/action-menu/actions/types/SingleRecordActionHook';
+import { ActionMenuContext } from '@/action-menu/contexts/ActionMenuContext';
 import { useRecordShowPagePagination } from '@/object-record/record-show/hooks/useRecordShowPagePagination';
+import { useContext } from 'react';
 
 export const useNavigateToNextRecordSingleRecordAction: SingleRecordActionHookWithObjectMetadataItem =
   ({ recordId, objectMetadataItem }) => {
+    const { isInRightDrawer } = useContext(ActionMenuContext);
+
     const { navigateToNextRecord } = useRecordShowPagePagination(
       objectMetadataItem.nameSingular,
       recordId,
     );
 
     return {
-      shouldBeRegistered: true,
+      shouldBeRegistered: !isInRightDrawer,
       onClick: navigateToNextRecord,
     };
   };

packages/twenty-front/src/modules/action-menu/actions/record-actions/single-record/hooks/useNavigateToPreviousRecordSingleRecordAction.ts

@@ -1,15 +1,18 @@
 import { SingleRecordActionHookWithObjectMetadataItem } from '@/action-menu/actions/types/SingleRecordActionHook';
+import { ActionMenuContext } from '@/action-menu/contexts/ActionMenuContext';
 import { useRecordShowPagePagination } from '@/object-record/record-show/hooks/useRecordShowPagePagination';
+import { useContext } from 'react';
 
 export const useNavigateToPreviousRecordSingleRecordAction: SingleRecordActionHookWithObjectMetadataItem =
   ({ recordId, objectMetadataItem }) => {
+    const { isInRightDrawer } = useContext(ActionMenuContext);
     const { navigateToPreviousRecord } = useRecordShowPagePagination(
       objectMetadataItem.nameSingular,
       recordId,
     );
 
     return {
-      shouldBeRegistered: true,
+      shouldBeRegistered: !isInRightDrawer,
       onClick: navigateToPreviousRecord,
     };
   };

packages/twenty-front/src/modules/action-menu/components/RecordShowRightDrawerActionMenu.tsx

@@ -21,7 +21,6 @@ export const RecordShowRightDrawerActionMenu = () => {
         <ActionMenuContext.Provider
           value={{
             isInRightDrawer: true,
-            onActionExecutedCallback: () => {},
           }}
         >
           <RightDrawerActionMenuDropdown />

packages/twenty-front/src/modules/object-record/record-show/components/RecordShowContainer.tsx

@@ -4,6 +4,8 @@ import { ShowPageContainer } from '@/ui/layout/page/components/ShowPageContainer
 import { MainContextStoreComponentInstanceIdSetterEffect } from '@/context-store/components/MainContextStoreComponentInstanceIdSetterEffect';
 import { InformationBannerDeletedRecord } from '@/information-banner/components/deleted-record/InformationBannerDeletedRecord';
 
+import { ContextStoreCurrentViewTypeEffect } from '@/context-store/components/ContextStoreCurrentViewTypeEffect';
+import { ContextStoreViewType } from '@/context-store/types/ContextStoreViewType';
 import { RecordShowContainerContextStoreObjectMetadataIdEffect } from '@/object-record/record-show/components/RecordShowContainerContextStoreObjectMetadataIdEffect';
 import { RecordShowContainerContextStoreTargetedRecordsEffect } from '@/object-record/record-show/components/RecordShowContainerContextStoreTargetedRecordsEffect';
 import { useRecordShowContainerData } from '@/object-record/record-show/hooks/useRecordShowContainerData';
@@ -51,6 +53,9 @@ export const RecordShowContainer = ({
       <RecordShowContainerContextStoreTargetedRecordsEffect
         recordId={objectRecordId}
       />
+      <ContextStoreCurrentViewTypeEffect
+        viewType={ContextStoreViewType.ShowPage}
+      />
       {!isInRightDrawer && <MainContextStoreComponentInstanceIdSetterEffect />}
       {recordFromStore && recordFromStore.deletedAt && (
         <InformationBannerDeletedRecord

packages/twenty-front/src/pages/object-record/RecordShowPage.tsx

@@ -3,9 +3,7 @@ import { useParams } from 'react-router-dom';
 import { RecordShowActionMenu } from '@/action-menu/components/RecordShowActionMenu';
 import { ActionMenuComponentInstanceContext } from '@/action-menu/states/contexts/ActionMenuComponentInstanceContext';
 import { TimelineActivityContext } from '@/activities/timeline-activities/contexts/TimelineActivityContext';
-import { ContextStoreCurrentViewTypeEffect } from '@/context-store/components/ContextStoreCurrentViewTypeEffect';
 import { ContextStoreComponentInstanceContext } from '@/context-store/states/contexts/ContextStoreComponentInstanceContext';
-import { ContextStoreViewType } from '@/context-store/types/ContextStoreViewType';
 import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
 import { RecordShowContainer } from '@/object-record/record-show/components/RecordShowContainer';
 import { useRecordShowPage } from '@/object-record/record-show/hooks/useRecordShowPage';
@@ -56,9 +54,6 @@ export const RecordShowPage = () => {
           value={{ instanceId: `record-show-${objectRecordId}` }}
         >
           <RecordValueSetterEffect recordId={objectRecordId} />
-          <ContextStoreCurrentViewTypeEffect
-            viewType={ContextStoreViewType.ShowPage}
-          />
           <PageContainer>
             <PageTitle title={pageTitle} />
             <RecordShowPageHeader