byGalax
4db65993d5
Visual:
- Light/dark theme via ThemeContext + CSS vars
- New design tokens (surface/fg/accent/line/etc.) across all pages
- Reusable Avatar component (img + letter fallback) wired into UserBar,
ConversationHeader, ChatsPage, FriendsPage, GroupInfoPanel, IncomingCallPanel
Calls:
- Split call UI: IncomingCallPanel, InCallPanel, CallControls,
CallParticipantTile, ScreenShareViewer
- Active speaker hook (useActiveSpeakers)
- Fix: ActiveCallBanner stayed hidden after hangup while peers in room.
- useCallPresence: bind presence callbacks only when we own subscribe
(Supabase forbids .on() after .subscribe() on shared dedup'd channels)
- useCallPresence: never removeChannel — channel is shared with CallContext
so tearing it down on ConversationHeader unmount killed live tracking
- ActiveCallBanner: lastCallConversationId fallback so banner shows
instantly after hangup, auto-dismiss when room confirmed empty
- Drop unused useAnyActiveCall
Bump tauri version 0.5.0 -> 0.6.0
59 lines
2.5 KiB
TypeScript
59 lines
2.5 KiB
TypeScript
import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
|
|
|
|
import { AppShell } from './components/AppShell';
|
|
import { UpdateToast } from './components/UpdateToast';
|
|
import { RequireAdmin, RequireAuth, RequireDevice } from './components/guards';
|
|
import { AuthProvider } from './context/AuthContext';
|
|
import { CallProvider } from './context/CallContext';
|
|
import { ConversationsProvider } from './context/ConversationsContext';
|
|
import { FriendshipsProvider } from './context/FriendshipsContext';
|
|
import { ThemeProvider } from './context/ThemeContext';
|
|
import { AdminPage } from './pages/AdminPage';
|
|
import { AuthCallbackPage } from './pages/AuthCallbackPage';
|
|
import { AuthPage } from './pages/AuthPage';
|
|
import { ChatsEmptyState, ChatsPage } from './pages/ChatsPage';
|
|
import { ConversationPage } from './pages/ConversationPage';
|
|
import { DevicePage } from './pages/DevicePage';
|
|
import { FriendsPage } from './pages/FriendsPage';
|
|
import { SettingsPage } from './pages/SettingsPage';
|
|
|
|
export function App() {
|
|
return (
|
|
<ThemeProvider>
|
|
<AuthProvider>
|
|
<FriendshipsProvider>
|
|
<ConversationsProvider>
|
|
<CallProvider>
|
|
<BrowserRouter>
|
|
<Routes>
|
|
<Route path="/auth" element={<AuthPage />} />
|
|
<Route path="/auth/callback" element={<AuthCallbackPage />} />
|
|
<Route element={<RequireAuth />}>
|
|
<Route path="/device" element={<DevicePage />} />
|
|
<Route element={<RequireDevice />}>
|
|
<Route element={<AppShell />}>
|
|
<Route index element={<Navigate to="/chats" replace />} />
|
|
<Route path="/chats" element={<ChatsPage />}>
|
|
<Route index element={<ChatsEmptyState />} />
|
|
<Route path=":id" element={<ConversationPage />} />
|
|
</Route>
|
|
<Route path="/friends" element={<FriendsPage />} />
|
|
<Route path="/settings" element={<SettingsPage />} />
|
|
<Route element={<RequireAdmin />}>
|
|
<Route path="/admin" element={<AdminPage />} />
|
|
</Route>
|
|
</Route>
|
|
</Route>
|
|
</Route>
|
|
<Route path="*" element={<Navigate to="/chats" replace />} />
|
|
</Routes>
|
|
<UpdateToast />
|
|
</BrowserRouter>
|
|
</CallProvider>
|
|
</ConversationsProvider>
|
|
</FriendshipsProvider>
|
|
</AuthProvider>
|
|
</ThemeProvider>
|
|
);
|
|
}
|