feat: back button for profile and discover page

RSSNext · Jun 3, 2024 · 69b9c86 · 69b9c86
1 parent 546cc51
commit 69b9c86
Show file tree

Hide file tree

Showing 6 changed files with 40 additions and 15 deletions.
diff --git a/...pages/(main)/(context)/discover/index.tsx → ...n)/(context)/(nonhome)/discover/index.tsx b/...pages/(main)/(context)/discover/index.tsx → ...n)/(context)/(nonhome)/discover/index.tsx
diff --git a/...ages/(main)/(context)/discover/layout.tsx → ...)/(context)/(nonhome)/discover/layout.tsx b/...ages/(main)/(context)/discover/layout.tsx → ...)/(context)/(nonhome)/discover/layout.tsx
diff --git a/src/renderer/src/pages/(main)/(context)/(nonhome)/layout.tsx b/src/renderer/src/pages/(main)/(context)/(nonhome)/layout.tsx
@@ -0,0 +1,13 @@
+import { Link, Outlet } from "react-router-dom"
+
+export function Component() {
+  return (
+    <div className="relative flex size-full">
+      <Link to="/" className="absolute left-10 top-11 flex items-center gap-1">
+        <i className="i-mingcute-back-line" />
+        Back
+      </Link>
+      <Outlet />
+    </div>
+  )
+}
diff --git a/.../pages/(main)/(context)/profile/index.tsx → ...in)/(context)/(nonhome)/profile/index.tsx b/.../pages/(main)/(context)/profile/index.tsx → ...in)/(context)/(nonhome)/profile/index.tsx
diff --git a/...pages/(main)/(context)/profile/layout.tsx → ...n)/(context)/(nonhome)/profile/layout.tsx b/...pages/(main)/(context)/profile/layout.tsx → ...n)/(context)/(nonhome)/profile/layout.tsx
diff --git a/src/renderer/src/router.tsx b/src/renderer/src/router.tsx
@@ -20,24 +20,36 @@ export const router = createBrowserRouter([
                 lazy: () => import("./pages/(main)/(context)/index"),
               },
               {
-                path: "/discover",
-                lazy: () => import("./pages/(main)/(context)/discover/layout"),
-                children: [
-                  {
-                    path: "",
-                    lazy: () =>
-                      import("./pages/(main)/(context)/discover/index"),
-                  },
-                ],
-              },
-              {
-                path: "/profile",
-                lazy: () => import("./pages/(main)/(context)/profile/layout"),
+                path: "",
+                lazy: () => import("./pages/(main)/layout"),
                 children: [
                   {
                     path: "",
-                    lazy: () =>
-                      import("./pages/(main)/(context)/profile/index"),
+                    lazy: () => import("./pages/(main)/(context)/(nonhome)/layout"),
+                    children: [
+                      {
+                        path: "/discover",
+                        lazy: () => import("./pages/(main)/(context)/(nonhome)/discover/layout"),
+                        children: [
+                          {
+                            path: "",
+                            lazy: () =>
+                              import("./pages/(main)/(context)/(nonhome)/discover/index"),
+                          },
+                        ],
+                      },
+                      {
+                        path: "/profile",
+                        lazy: () => import("./pages/(main)/(context)/(nonhome)/profile/layout"),
+                        children: [
+                          {
+                            path: "",
+                            lazy: () =>
+                              import("./pages/(main)/(context)/(nonhome)/profile/index"),
+                          },
+                        ],
+                      },
+                    ],
                   },
                 ],
               },