SidePanelCommandMenuDisplayPageEntry.tsx

import { CommandMenuContextProvider } from '@/command-menu-item/contexts/CommandMenuContextProvider';
import { SidePanelCommandMenuItemDisplayPage } from '@/command-menu-item/server-items/display/components/SidePanelCommandMenuItemDisplayPage';
import { MAIN_CONTEXT_STORE_INSTANCE_ID } from '@/context-store/constants/MainContextStoreInstanceId';
import { ContextStoreComponentInstanceContext } from '@/context-store/states/contexts/ContextStoreComponentInstanceContext';
import { SidePanelRootPage } from '@/side-panel/pages/root/components/SidePanelRootPage';
import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
import { FeatureFlagKey } from '~/generated-metadata/graphql';

export const SidePanelCommandMenuDisplayPageEntry = () => {
  const isCommandMenuItemEnabled = useIsFeatureEnabled(
    FeatureFlagKey.IS_COMMAND_MENU_ITEM_ENABLED,
  );

  const pageContent = isCommandMenuItemEnabled ? (
    <SidePanelCommandMenuItemDisplayPage />
  ) : (
    <SidePanelRootPage />
  );

  return (
    <ContextStoreComponentInstanceContext.Provider
      value={{ instanceId: MAIN_CONTEXT_STORE_INSTANCE_ID }}
    >
      <CommandMenuContextProvider
        isInSidePanel={true}
        displayType="listItem"
        containerType="command-menu-list"
      >
        {pageContent}
      </CommandMenuContextProvider>
    </ContextStoreComponentInstanceContext.Provider>
  );
};