fix: not-found route segment

Signed-off-by: Innei <i@innei.in>
Innei · Apr 23, 2024 · 5b73dc9 · 5b73dc9
1 parent 280fe3d
commit 5b73dc9
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 4 deletions.
diff --git a/src/app/404.tsx b/src/app/404.tsx
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
@@ -0,0 +1,20 @@
+/* eslint-disable react/display-name */
+import { NotFound404 } from '~/components/common/404'
+import { StyledButton } from '~/components/ui/button'
+import { sansFont } from '~/lib/fonts'
+
+export default () => {
+  return (
+    <html>
+      <body className={`${sansFont.variable} m-0 h-full p-0 font-sans`}>
+        <div data-theme>
+          <NotFound404>
+            <StyledButton>
+              <a href="/">返回首页</a>
+            </StyledButton>
+          </NotFound404>
+        </div>
+      </body>
+    </html>
+  )
+}
diff --git a/src/components/common/404.tsx b/src/components/common/404.tsx
@@ -1,10 +1,11 @@
 /* eslint-disable react/no-unknown-property */
-export const NotFound404 = () => {
+export const NotFound404: Component = ({ children }) => {
   return (
     <div className="min-h-[500px]">
       <div className="fixed inset-0 flex flex-col space-y-6 center">
         <$404SVG className="size-[400px]" />
         <p>这颗星球还没有知识哦，去其他地方探索吧</p>
+        {children}
       </div>
     </div>
   )