chore: global error

Signed-off-by: Innei <i@innei.in>
Innei · Feb 29, 2024 · fe234f4 · fe234f4
1 parent e676c3f
commit fe234f4
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/src/app/global-error.tsx b/src/app/global-error.tsx
@@ -8,22 +8,30 @@ import { domAnimation, LazyMotion } from 'framer-motion'
 import { NormalContainer } from '~/components/layout/container/Normal'
 import { StyledButton } from '~/components/ui/button'
 
-export default function Error({ error }: any) {
+export default function GlobalError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
   useEffect(() => {
     console.log(error)
     // captureException(error)
   }, [error])
   return (
     <html>
       <head>
-        <title>出错啦</title>
+        <title>禁止访问或者 API 服务出现问题</title>
       </head>
       <body>
         <NormalContainer>
-          <p>{error?.message || '未知错误'}</p>
-          <LazyMotion features={domAnimation}>
-            <StyledButton onClick={location.reload}>重试</StyledButton>
-          </LazyMotion>
+          <h1 className="mb-4">禁止访问或者 API 服务出现问题</h1>
+          <div className="flex justify-center">
+            <LazyMotion features={domAnimation}>
+              <StyledButton onClick={location.reload}>重试</StyledButton>
+            </LazyMotion>
+          </div>
         </NormalContainer>
       </body>
     </html>