convo selection handling in progress

src/components/Conversations.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Conversation from './Conversation';
 
-export default function Conversations({ conversations }) {
+export default function Conversations({ conversations, convoHandler }) {
   return (
     <div className="-mr-2 flex-1 flex-col overflow-y-auto border-b border-white/20">
       <div className="flex flex-col gap-2 text-sm text-gray-100">
@@ -10,6 +10,7 @@ export default function Conversations({ conversations }) {
             <Conversation
               key={convo.conversationId}
               title={convo.title}
+              onClick={() => convoHandler(convo.conversationId)}
             />
           ))}
         {conversations && conversations.length >= 12 && (

src/components/Nav.jsx

@@ -3,14 +3,14 @@ import NewChat from './NewChat';
 import Conversations from './Conversations';
 import NavLinks from './NavLinks';
 
-export default function Nav({ conversations }) {
+export default function Nav({ conversations, convoHandler }) {
   return (
     <div className="dark hidden bg-gray-900 md:fixed md:inset-y-0 md:flex md:w-[260px] md:flex-col">
       <div className="flex h-full min-h-0 flex-col ">
         <div className="scrollbar-trigger flex h-full w-full flex-1 items-start border-white/20">
           <nav className="flex h-full flex-1 flex-col space-y-1 p-2">
             <NewChat />
-            <Conversations conversations={conversations}/>
+            <Conversations conversations={conversations} convoHandler={convoHandler}/>
             <NavLinks />
           </nav>
         </div>

src/components/TextChat.jsx

@@ -43,14 +43,15 @@ export default function TextChat({
   messages,
   setMessages,
   reloadConvos,
-  conversation = null
+  convo,
+  setConvo,
 }) {
   const [text, setText] = useState('');
-  const [convo, setConvo] = useState({ conversationId: null, parentMessageId: null });
+  // const [convo, setConvo] = useState({ conversationId: null, parentMessageId: null });
 
-  if (!!conversation) {
-    setConvo(conversation);
-  }
+  // if (!!conversation) {
+  //   setConvo(conversation);
+  // }
 
   const handleKeyPress = (e) => {
     if (e.key === 'Enter' && e.shiftKey) {