55 lines
2.0 KiB
JavaScript
55 lines
2.0 KiB
JavaScript
// src/App.jsx
|
|
import { useEffect, useRef } from 'react';
|
|
import { BrowserRouter, Routes, Route } from 'react-router-dom';
|
|
import { AuthProvider } from './context/AuthContext';
|
|
import { ThemeProvider } from './context/ThemeContext';
|
|
import { useAuthContext } from './context/AuthContext';
|
|
import { useUnread } from './context/UnreadContext';
|
|
import { useUnreadSocket } from './hooks/useUnreadSocket';
|
|
import LandingPage from './pages/NakhodkaLanding';
|
|
import MainFeed from './pages/MainFeed';
|
|
import ChatPage from './pages/ChatPage';
|
|
import ChatListPage from './pages/ChatListPage';
|
|
import ReviewsPage from './pages/ReviewsPage';
|
|
import './styles/chat.css';
|
|
|
|
function UnreadListener() {
|
|
const { user } = useAuthContext();
|
|
const { resetUnread } = useUnread();
|
|
const prevUserIdRef = useRef(user?.id);
|
|
|
|
// Сбрасываем накопленный unreadMap при смене пользователя (логин под другим
|
|
// аккаунтом или логаут → user становится null) — иначе счётчики непрочитанных
|
|
// от предыдущей сессии останутся висеть в бейдже до первого WS-обновления.
|
|
useEffect(() => {
|
|
if (prevUserIdRef.current !== user?.id) {
|
|
resetUnread();
|
|
prevUserIdRef.current = user?.id;
|
|
}
|
|
}, [user?.id, resetUnread]);
|
|
|
|
useUnreadSocket(user?.id);
|
|
return null;
|
|
}
|
|
|
|
function App() {
|
|
return (
|
|
<ThemeProvider>
|
|
<AuthProvider>
|
|
<UnreadListener />
|
|
<BrowserRouter>
|
|
<Routes>
|
|
<Route path="/" element={<LandingPage />} />
|
|
<Route path="/feed" element={<MainFeed />} />
|
|
<Route path="/reviews" element={<ReviewsPage />} />
|
|
<Route path="/chats" element={<ChatListPage />} />
|
|
<Route path="/chats/:chatId" element={<ChatPage />} />
|
|
<Route path="*" element={<LandingPage />} />
|
|
</Routes>
|
|
</BrowserRouter>
|
|
</AuthProvider>
|
|
</ThemeProvider>
|
|
);
|
|
}
|
|
|
|
export default App; |