refactors server route for brevity, state working, styling matching to chatgpt

This commit is contained in:
Danny Avila 2023-02-13 13:32:54 -05:00
parent dcf4f2a524
commit acaef39d12
10 changed files with 75 additions and 53 deletions

View file

@ -1,13 +1,14 @@
import React from 'react';
import { useSelector } from 'react-redux';
import Messages from './components/main/Messages';
import TextChat from './components/main/TextChat';
import Nav from './components/Nav';
import MobileNav from './components/Nav/MobileNav';
import { useSelector } from 'react-redux';
const App = () => {
const { messages } = useSelector((state) => state.messages);
const { title } = useSelector((state) => state.convo);
const convo = useSelector((state) => state.convo);
return (
<div className="flex h-screen">
@ -15,10 +16,8 @@ const App = () => {
<div className="flex h-full w-full flex-1 flex-col bg-gray-50 md:pl-[260px]">
<div className="transition-width relative flex h-full w-full flex-1 flex-col items-stretch overflow-hidden dark:bg-gray-800">
<MobileNav />
<Messages messages={messages} title={title}/>
<TextChat
messages={messages}
/>
<Messages messages={messages} title={convo.title}/>
<TextChat messages={messages}/>
</div>
</div>
</div>