refactor: Reorganize sidebar navigation and add personal settings route

Calcium-Ion · Mar 7, 2025 · fd22948 · fd22948
1 parent 7f74a96
commit fd22948
Show file tree

Hide file tree

Showing 6 changed files with 252 additions and 116 deletions.
diff --git a/web/src/App.js b/web/src/App.js
@@ -30,6 +30,7 @@ import { useTranslation } from 'react-i18next';
 import { StatusContext } from './context/Status';
 import { setStatusData } from './helpers/data.js';
 import { API, showError } from './helpers';
+import PersonalSetting from './components/PersonalSetting.js';
 
 const Home = lazy(() => import('./pages/Home'));
 const Detail = lazy(() => import('./pages/Detail'));
@@ -177,6 +178,16 @@ function App() {
             </PrivateRoute>
           }
         />
+        <Route
+          path='/personal'
+          element={
+            <PrivateRoute>
+              <Suspense fallback={<Loading></Loading>}>
+                <PersonalSetting />
+              </Suspense>
+            </PrivateRoute>
+          }
+        />
         <Route
           path='/topup'
           element={

diff --git a/web/src/components/PersonalSetting.js b/web/src/components/PersonalSetting.js
@@ -393,7 +393,7 @@ const PersonalSetting = () => {
                             </div>
                         </div>
                     </Modal>
-                    <div style={{marginTop: 20}}>
+                    <div>
                         <Card
                             title={
                                 <Card.Meta
-Original file line number
+Diff line change
@@ Expand Up / @@ -393,7 +393,7 @@ const PersonalSetting = () => { @@
                                 </div>
                             </div>
                         </Modal>
-                        <div style={{marginTop: 20}}>
+                        <div>
                             <Card
                                 title={
                                     <Card.Meta
@@ Expand Down @@