logged out chat modal, call to action

src/app/chat/page.tsx

@@ -1,15 +1,12 @@
 'use client'
 import ChatInterface from './_components/ChatInterface'
-import { trpc } from '../_trpc/Client';
-import { Skeleton } from '~/components/ui/skeleton';
 import AnimatedPageTitle from '../_components/Animated/AnimatedPageTitle';
 import { useTimeLine } from '../_providers/GsapProvicer';
 import { useMessages } from '../_providers/MessagesProvider';
 import { Spinner } from '~/components/ui/spinner';
-import { useEffect } from 'react';
 
 export default function ChatPage() {
-	const {messages,session,clearChat,clearingChat,isLoading,error,refetchMessages} = useMessages()
+	const {messages,session,isLoading,error} = useMessages()
 	useTimeLine(messages)
 	return (
 		<div className="flex flex-col px-10 lg:px-0 w-full h-full max-w-4xl mx-auto pt-10">
@@ -17,8 +14,8 @@ export default function ChatPage() {
 						<span>Talk To My </span> <span> AI-Assistant</span>
 					</AnimatedPageTitle>
 					<div className='flex items-center h-[80%] w-full my-auto w-full'>
-					{messages && session?.id &&
-					<ChatInterface sessionId={session.id} dbMessages={messages}/>
+					{!isLoading &&
+					<ChatInterface sessionId={session?.id} dbMessages={messages ?? []}/>
 					}
 					{isLoading &&
 						<><Spinner/> Loading Messages...</>