From c921d0823803e7333b33429464de9610a1cb2341 Mon Sep 17 00:00:00 2001
From: "Navy.gif" <navydotgif@gmail.com>
Date: Thu, 24 Nov 2022 13:31:30 +0200
Subject: [PATCH] fixes

---
 src/App.js                   | 21 +++++++++++++++++----
 src/components/TitledPage.js | 14 ++++++++++++++
 src/pages/Empty.js           | 13 -------------
 src/pages/Home.js            | 13 +++++--------
 src/pages/Users.js           | 24 ++++++++----------------
 5 files changed, 44 insertions(+), 41 deletions(-)
 create mode 100644 src/components/TitledPage.js
 delete mode 100644 src/pages/Empty.js

diff --git a/src/App.js b/src/App.js
index e6d99bc..f9a6562 100644
--- a/src/App.js
+++ b/src/App.js
@@ -13,6 +13,7 @@ import PrivateRoute from './structures/PrivateRoute';
 import { UnauthedRoute } from './structures/UnauthedRoute';
 import Users from './pages/Users';
 import Admin from './pages/Admin';
+import TitledPage from './components/TitledPage';
 
 function App() {
 
@@ -56,10 +57,22 @@ function App() {
             <div className='main-content'>
               <ErrorBoundary>
                 <Routes>
-                  <Route path='/home/*' element={<PrivateRoute><Home /></PrivateRoute >} />
-                  <Route path='/users/*' element={<PrivateRoute><Users /></PrivateRoute >} />
-                  <Route path='/admin/*' element={<PrivateRoute><Admin /></PrivateRoute >} />
-                  <Route path='/login/*' element={<UnauthedRoute><Login /></UnauthedRoute>} />
+                  <Route path='/home/*' element={<PrivateRoute>
+                    <TitledPage title='Home'>
+                      <Home />
+                    </TitledPage>
+                  </PrivateRoute >} />
+                  <Route path='/users/*' element={<PrivateRoute>
+                    <TitledPage title='Users' >
+                      <Users />
+                    </TitledPage>
+                  </PrivateRoute >} />
+                  <Route path='/admin/*' element={<PrivateRoute>
+                    <Admin />
+                  </PrivateRoute >} />
+                  <Route path='/login/*' element={<UnauthedRoute>
+                    <Login />
+                  </UnauthedRoute>} />
                   <Route path='*' element={<Navigate to='/home' />} />
                 </Routes>
               </ErrorBoundary>
diff --git a/src/components/TitledPage.js b/src/components/TitledPage.js
new file mode 100644
index 0000000..900b53e
--- /dev/null
+++ b/src/components/TitledPage.js
@@ -0,0 +1,14 @@
+import React from "react";
+import '../css/pages/Empty.css';
+
+const TitledPage = ({title, children}) => {
+
+    return <div className="page">
+        <h2 className="pageTitle">{title}</h2>
+        <div className='card'>
+            {children}
+        </div>
+    </div>;
+};
+
+export default TitledPage;
\ No newline at end of file
diff --git a/src/pages/Empty.js b/src/pages/Empty.js
deleted file mode 100644
index 07a37bb..0000000
--- a/src/pages/Empty.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-import '../css/pages/Empty.css';
-
-const Empty = () => {
-
-    return <div className="user-page">
-        <h2 className="pageTitle">Empty</h2>
-        <div className='card'>
-        </div>
-    </div>;
-};
-
-export default Empty;
\ No newline at end of file
diff --git a/src/pages/Home.js b/src/pages/Home.js
index 6cf75ac..c87a5f1 100644
--- a/src/pages/Home.js
+++ b/src/pages/Home.js
@@ -5,14 +5,11 @@ import { get } from "../util/Util";
 const Home = () => {
 
     return <div className="user-page">
-        <h2 className="pageTitle">Home</h2>
-        <div className='card'>
-            <button onClick={async () => {
-                console.log(await get('/api/test'));
-            }}>
-                Test
-            </button>
-        </div>
+        <button onClick={async () => {
+            console.log(await get('/api/test'));
+        }}>
+            Test
+        </button>
     </div>;
 };
 
diff --git a/src/pages/Users.js b/src/pages/Users.js
index e741773..ce2ad7e 100644
--- a/src/pages/Users.js
+++ b/src/pages/Users.js
@@ -186,7 +186,7 @@ const CreateUserField = () => {
             <input autoComplete="off" type='text' id='username' />
 
             <label htmlFor="password">Password</label>
-            <input autoComplete="off" type='password' id='username' />
+            <input autoComplete="off" type='password' id='password' />
         </form>
     </div>;
 
@@ -245,22 +245,14 @@ const Users = () => {
         </div>;
     };
 
-    return <div className="user-page">
-        <h2 className="pageTitle">Users</h2>
+    return <div className="user-list">
         {error && <p>{error}</p>}
-
-        <div className='card'>
-            <div className="user-list">
-                <ErrorBoundary>
-                    <Routes>
-                        <Route path='/:id/*' element={<UserWrapper />} />
-                        <Route path='/' element={<UserListWrapper />} />
-                    </Routes>
-                </ErrorBoundary>
-            </div>
-
-        </div>
-        
+        <ErrorBoundary>
+            <Routes>
+                <Route path='/:id/*' element={<UserWrapper />} />
+                <Route path='/' element={<UserListWrapper />} />
+            </Routes>
+        </ErrorBoundary>
     </div>;
 
 };