import { useNavigate } from "react-router-dom"; import Locale from "@/app/locales"; import { Path } from "@/app/constant"; import { DEFAULT_TOPIC, useChatStore } from "@/app/store/chat"; import LogIcon from "@/app/icons/logIcon.svg"; import GobackIcon from "@/app/icons/goback.svg"; import ShareIcon from "@/app/icons/shareIcon.svg"; import BottomArrow from "@/app/icons/bottomArrow.svg"; export interface ChatHeaderProps { isMobileScreen: boolean; setIsEditingMessage: (v: boolean) => void; setShowExport: (v: boolean) => void; } export default function ChatHeader(props: ChatHeaderProps) { const { isMobileScreen, setIsEditingMessage, setShowExport } = props; const navigate = useNavigate(); const chatStore = useChatStore(); const session = chatStore.currentSession(); const currentModel = chatStore.currentSession().mask.modelConfig.model; return (
{" "}
{isMobileScreen ? (
navigate(Path.Home)}>
) : ( )}
setIsEditingMessage(true)} > {!session.topic ? DEFAULT_TOPIC : session.topic}
{isMobileScreen ? (
{}} > {currentModel}
) : ( Locale.Chat.SubTitle(session.messages.length) )}
{ setShowExport(true); }} >
); }