From 5acf0bd588b8f7ecd04d420228ec0a55e3c13c10 Mon Sep 17 00:00:00 2001
From: TechQuery <shiy2008@gmail.com>
Date: Fri, 2 Aug 2024 02:11:33 +0800
Subject: [PATCH] [fix] Error Message exposing

---
 components/NotFoundCard.tsx | 12 +++++++++---
 pages/_error.tsx            |  6 +++---
 styles/globals.less         |  4 ++++
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/components/NotFoundCard.tsx b/components/NotFoundCard.tsx
index e944a66..3cf6891 100644
--- a/components/NotFoundCard.tsx
+++ b/components/NotFoundCard.tsx
@@ -1,11 +1,17 @@
+import { ErrorProps } from 'next/error';
 import { FC } from 'react';
 
 import { i18n } from '../models/Translation';
 
-export const NotFoundCard: FC = () =>
+export const NotFoundCard: FC<ErrorProps> = ({ title }) =>
   i18n.currentLanguage.startsWith('zh') ? (
-    // @ts-ignore
-    <script src="//cdn.dnpw.org/404/v1.min.js" jumptarget="/" jumptime="-1" />
+    <script
+      src="//cdn.dnpw.org/404/v1.min.js"
+      // @ts-ignore
+      jumptarget="/"
+      jumptime="-1"
+      error={title}
+    />
   ) : (
     <iframe
       className="w-100 vh-100 border-0"
diff --git a/pages/_error.tsx b/pages/_error.tsx
index f6835a4..40f524f 100644
--- a/pages/_error.tsx
+++ b/pages/_error.tsx
@@ -7,11 +7,11 @@ import Error from 'next/error';
 import { NotFoundCard } from '../components/NotFoundCard';
 import { i18n } from '../models/Translation';
 
-const CustomErrorComponent: NextPage<ErrorProps> = ({ statusCode }) => (
+const CustomErrorComponent: NextPage<ErrorProps> = props => (
   <>
-    <h1 className="text-center">{statusCode}</h1>
+    <Error {...props} />
 
-    <NotFoundCard />
+    <NotFoundCard {...props} />
   </>
 );
 const enableSentry =
diff --git a/styles/globals.less b/styles/globals.less
index db07597..8fddfa8 100644
--- a/styles/globals.less
+++ b/styles/globals.less
@@ -31,6 +31,10 @@ article {
     max-width: 100%;
   }
 }
+// custom 404 page (Global edition)
+div:has(.next-error-h1) {
+  height: auto !important;
+}
 // custom 404 page (Chinese edition)
 .wrap_404 .wrap_right {
   width: 80vw !important;