Spaces:
Sleeping
Sleeping
File size: 2,066 Bytes
0d3ffc3 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 | import React, { useState, useEffect } from "react";
import ChatPanel from "./components/ChatPanel";
import ChatBox from "./components/ChatBox";
import Header from "./components/Header";
import GoogleLoginPage from "./pages/GoogleLoginPage";
import { BrowserRouter as Router, Routes, Route, Navigate } from "react-router-dom";
const App = () => {
const [threads, setThreads] = useState([]);
const [activeThread, setActiveThread] = useState(null);
const [user, setUser] = useState(null);
useEffect(() => {
// Check if user is already logged in
const storedUser = localStorage.getItem("user");
if (storedUser) {
setUser(JSON.parse(storedUser));
}
}, []);
const createNewThread = () => {
const newThreadId = `thread-${Date.now()}`;
setThreads([...threads, newThreadId]);
setActiveThread(newThreadId);
};
const handleLogout = () => {
setUser(null);
localStorage.removeItem("user");
};
return (
<Router>
<div
style={{
height: "100vh",
display: "flex",
flexDirection: "column",
backgroundColor: "#1e1e1e", // Dark background
color: "#f5f5f5", // Light text
}}
>
{user && <Header user={user} onLogout={handleLogout} />}
<Routes>
<Route
path="/login"
element={<GoogleLoginPage setUser={setUser} />}
/>
<Route
path="/"
element={
user ? (
<div style={{ display: "flex", flex: 1 }}>
<ChatPanel
threads={threads}
activeThread={activeThread}
setActiveThread={setActiveThread}
createNewThread={createNewThread}
/>
{activeThread && <ChatBox activeThread={activeThread} />}
</div>
) : (
<Navigate to="/login" />
)
}
/>
</Routes>
</div>
</Router>
);
};
export default App;
|