quivr/frontend/app/chat/[chatId]/components/Dialog.tsx

import { useFeature } from "@growthbook/growthbook-react";

import { useChatContext } from "@/lib/context";

import { ChatMessages } from "./ChatMessages";
import { ShortCuts } from "./ShortCuts";

export const ChatDialog = (): JSX.Element => {
  const { history } = useChatContext();

  const shouldDisplayShortcuts =
    useFeature("new-ux").on && history.length === 0;

  if (!shouldDisplayShortcuts) {
    return <ChatMessages />;
  }

  return <ShortCuts />;
};