fix: not-found route segment

Signed-off-by: Innei <[email protected]>
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>
   )