import { useRecoilValue } from 'recoil'; import Head from 'next/head'; import { useTranslation } from 'next-export-i18n'; import { ErrorBoundary } from 'react-error-boundary'; import { ChatMessage } from '../../../../interfaces/chat-message.model'; import { ChatContainer } from '../../../../components/chat/ChatContainer/ChatContainer'; import { ClientConfigStore, currentUserAtom, visibleChatMessagesSelector, clientConfigStateAtom, isChatAvailableSelector, } from '../../../../components/stores/ClientConfigStore'; import { ClientConfig } from '../../../../interfaces/client-config.model'; import { Theme } from '../../../../components/theme/Theme'; import { ComponentError } from '../../../../components/ui/ComponentError/ComponentError'; import { Localization } from '../../../../types/localization'; export default function ReadOnlyChatEmbed() { const currentUser = useRecoilValue(currentUserAtom); const messages = useRecoilValue(visibleChatMessagesSelector); const clientConfig = useRecoilValue(clientConfigStateAtom); const isChatAvailable = useRecoilValue(isChatAvailableSelector); const { name } = clientConfig; const { t } = useTranslation(); const pageTitle = name ? t(Localization.Frontend.chatEmbedTitle, { name }) : 'Chat'; return (
{pageTitle} ( )} > {currentUser && ( )}
); }