22 lines
546 B
TypeScript
22 lines
546 B
TypeScript
import { useAtomValue } from 'jotai'
|
|
|
|
import { queuedMessageAtom } from '@/hooks/useSendChatMessage'
|
|
|
|
const MessageQueuedBanner: React.FC = () => {
|
|
const queuedMessage = useAtomValue(queuedMessageAtom)
|
|
|
|
return (
|
|
<div>
|
|
{queuedMessage && (
|
|
<div className="my-2 py-2 text-center">
|
|
<span className="rounded-lg border border-border px-4 py-2 shadow-lg">
|
|
Message queued. It can be sent once the model has started
|
|
</span>
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default MessageQueuedBanner
|