import useTranslation from 'next-translate/useTranslation' import InfiniteScroll from 'react-infinite-scroll-component' import { AnimatePresence } from 'framer-motion' import { Loader } from '../../design/Loader' import { Message } from './Message' import { useMessages } from '../../../contexts/Messages' import { Emoji } from '../../Emoji' export const Messages: React.FC = () => { const { t } = useTranslation() const { messages, hasMore, nextPage } = useMessages() if (messages.length === 0) { return (

{t('application:nothing-here')}

{t('application:start-chatting-kill-ghost')}

) } return (
} > {messages.map((message) => { return })}
) }