Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-02-13 13:04:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Complete rewire state to redux

Browse source
This commit is contained in:
Danny Avila 2023-02-07 09:41:54 -05:00
parent 7978ddd871
commit 36ac055ae5
6 changed files with 14 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/App.jsx
View file

@ -1,64 +1,28 @@
import React, { useState, useEffect } from 'react';
import { useSelector, useDispatch } from 'react-redux';
import React from 'react';
import { useSelector } from 'react-redux';
import Messages from './components/Messages';
import TextChat from './components/TextChat';
import Nav from './components/Nav';
import MobileNav from './components/MobileNav';
import useSWR from 'swr';
import useSWRMutation from 'swr/mutation';
import useDidMountEffect from './hooks/useDidMountEffect.js';
import axios from 'axios';
const fetcher = (url) => fetch(url).then((res) => res.json());
const postRequest = async (url, { arg }) => await axios.post(url, { arg });
// const postRequest = async (url, { arg }) => await axios.post(url, { arg });
const App = () => {
// const [messages, setMessages] = useState([]);
const messages = useSelector((state) => state.messages);
// const [convo, setConvo] = useState({ conversationId: null, parentMessageId: null });
const { data, error, isLoading, mutate } = useSWR('http://localhost:3050/convos', fetcher);
const convo = useSelector((state) => state.convo);
const conversationId = useSelector((state) => state.convo.conversationId);
console.log('conversationId', conversationId);
// const conversation = useSWRMutation(
// //{ trigger, isMutating }
// `http://localhost:3050/messages/${conversationId}`,
// fetcher,
// {
// onSuccess: function (res) {
// console.log('success', res);
// setMessages(res);
// }
// }
// );
// useDidMountEffect(() => conversation.trigger(), [conversationId]);
// const onConvoClick = (conversationId, parentMessageId) => {
// console.log('convo was clicked');
// setConvo({ conversationId, parentMessageId });
// };
return (
<div className="flex h-screen">
{/* <div className="w-80 bg-slate-800"></div> */}
<Nav
conversations={data}
convo={convo}
/>
<Nav conversations={data} />
{/* <div className="flex h-full flex-1 flex-col md:pl-[260px]"> */}
<div className="flex h-full w-full flex-1 flex-col bg-gray-50 md:pl-[260px]">
{/* <main className="relative h-full w-full transition-width flex flex-col overflow-hidden items-stretch flex-1"> */}
<MobileNav />
<Messages messages={messages} />
<TextChat
messages={messages}
// setMessages={setMessages}
reloadConvos={mutate}
convo={convo}
/>
<TextChat messages={messages} reloadConvos={mutate} />
{/* </main> */}
</div>
</div>