✨ Direct message page

ZickZenni · Sep 6, 2024 · 2a012a7 · 2a012a7
1 parent 2c4072b
commit 2a012a7
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/src/renderer/App.tsx b/src/renderer/App.tsx
@@ -13,6 +13,7 @@ import Loading from './components/Loading';
 import HomePage from './pages/Home';
 import GuildPage from './pages/Guild';
 import ChannelPage from './pages/Guild/Channel';
+import DirectMessagePage from './pages/Home/DirectMessage';
 
 export default function App() {
   return (
@@ -22,7 +23,9 @@ export default function App() {
       <Serverbar />
       <div className="app__content">
         <Routes>
-          <Route path="/" element={<HomePage />} />
+          <Route path="/" element={<HomePage />}>
+            <Route path="dm/:dmId" element={<DirectMessagePage />} />
+          </Route>
           <Route path="/guild/:id" element={<GuildPage />}>
             <Route path="channel/:channelId" element={<ChannelPage />} />
           </Route>

diff --git a/src/renderer/pages/Home/DirectMessage/index.tsx b/src/renderer/pages/Home/DirectMessage/index.tsx
@@ -0,0 +1,3 @@
+export default function DirectMessagePage() {
+  return <div />;
+}
diff --git a/src/renderer/pages/Home/index.tsx b/src/renderer/pages/Home/index.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { Link } from 'react-router-dom';
+import { Link, Outlet } from 'react-router-dom';
 import Topbar from '../../components/Topbar';
 import UserPanel from '../../components/UserPanel';
 import './Home.css';
@@ -69,7 +69,9 @@ export default function HomePage() {
           </div>
           <UserPanel />
         </div>
-        <div className="home_page__content" />
+        <div className="home_page__content">
+          <Outlet />
+        </div>
       </div>
     </div>
   );