FSinglesWebApp/App.jsx at master · Flirty82/FSinglesWebApp · GitHub

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
<><Route path="/edit-profile" element={<EditProfile userId={loggedInUserId} />} /><Route path="/chat/:userId/:targetUserId" element={<ChatWrapper />} /></>
import { useParams } from 'react-router-dom';
import Chat from './pages/Chat';
import friends from './components/Friends';
import TruthOrDare from "./components/games/TruthOrDare";
import Karaoke from "./components/games/Karaoke";
<><Route path="/karaoke" element={<Karaoke />} /><Route path="/truth-or-dare" element={<TruthOrDare />} /></>
import TruthOrDare from "./components/games/TruthOrDare";
import Navbar from './components/Navbar';
<Route path="/truth-or-dare" element={<TruthOrDare />} />
import Karaoke from "./components/games/Karaoke";
<Route path="/karaoke" element={<Karaoke />} />


function ChatWrapper() {
    const { userId, targetUserId } = useParams();
    return <Chat userId={userId} targetUserId={targetUserId}/>;

}

import BingoGame from "./components/games/BingoGame";

// Inside <Routes>
<Route path="/bingo" element={<BingoGame />} />


import Profile from './components/Profile';
import Dashboard from './components/Dashboard';
import Friends from './components/Friends';
import Welcome from './pages/Welcome';
import Navbar from './components/Navbar';

<Navbar/>
<Routes>
     <Route path="/" element={<Welcome/>}/>
<><><Route path="/profile" element={<Profile />} /><Route path="/dashboard" element={<Dashboard />} /></><Route path="/friends" element={<Friends />} /></>
</Routes>