global-errorページのスタイル修正 & フォームパラメータ修正

na-trium-144 · na-trium-144 · commit 36a11284a51a · 2026-04-19T17:02:37.000+09:00
diff --git a/app/errorMessage.tsx b/app/errorMessage.tsx
@@ -21,12 +21,14 @@ export function ErrorMessage({ error, reset, ...props }: Props) {
   }, [error]);
 
   const digest =
-    typeof error === "object" &&
-    error !== null &&
-    "digest" in error
+    typeof error === "object" && error !== null && "digest" in error
       ? (error as { digest: string }).digest
       : undefined;
 
+  const formParam = eventId
+    ? encodeURIComponent(eventId + (digest ? "/" + digest : ""))
+    : undefined;
+
   return (
     <div
       className={clsx(
@@ -45,10 +47,10 @@ export function ErrorMessage({ error, reset, ...props }: Props) {
       {eventId && (
         <p className="my-1 text-sm text-base-content/50">EventID: {eventId}</p>
       )}
-      {eventId && (
+      {formParam && (
         <a
           className="link link-info my-2"
-          href={`https://docs.google.com/forms/d/e/1FAIpQLSfkM2LKhUDgCdY2fGntuv75O3jaWISwKuBIu9MW3h3UD1I3sw/viewform?usp=pp_url&entry.758323891=${eventId}${digest ? "/" + digest : ""}`}
+          href={`https://docs.google.com/forms/d/e/1FAIpQLSfkM2LKhUDgCdY2fGntuv75O3jaWISwKuBIu9MW3h3UD1I3sw/viewform?usp=pp_url&entry.758323891=${formParam}`}
           target="_blank"
           rel="noopener noreferrer"
         >
diff --git a/app/global-error.tsx b/app/global-error.tsx
@@ -1,5 +1,12 @@
 "use client"; // Error boundaries must be Client Components
 
+import "@fontsource-variable/inconsolata";
+// import "@fontsource/m-plus-rounded-1c/400.css";
+// import "@fontsource/m-plus-rounded-1c/700.css";
+import "@/m-plus-rounded-1c-nohint/400.css";
+import "@/m-plus-rounded-1c-nohint/700.css";
+import "./globals.css";
+
 import { ErrorMessage } from "./errorMessage";
 
 export default function ErrorPage({
@@ -10,6 +17,16 @@ export default function ErrorPage({
   reset: () => void;
 }) {
   return (
-    <ErrorMessage className="p-4 flex-1" h1 back error={error} reset={reset} />
+    <html lang="ja">
+      <body className="w-full min-h-screen flex flex-col">
+        <ErrorMessage
+          className="p-4 flex-1"
+          h1
+          back
+          error={error}
+          reset={reset}
+        />
+      </body>
+    </html>
   );
 }
diff --git a/app/globals.css b/app/globals.css
@@ -122,6 +122,11 @@ mycdark:
   }
 }
 
+body {
+  /* mocha.css がbodyに背景色などを設定してしまうので、それを上書きしている */
+  @apply bg-transparent! text-inherit! m-0!
+}
+
 /* CDNからダウンロードするURLを指定したらなんかエラー出るので、npmでインストールしてlayout.tsxでimportすることにした */
 @theme {
   /*
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -39,8 +39,7 @@ export default async function RootLayout({
   const pagesList = await getPagesList();
   return (
     <html lang="ja">
-      <body className="w-full min-h-screen bg-transparent! text-inherit! m-0!">
-        {/* mocha.css がbodyに背景色などを設定してしまうので、それを上書きしている */}
+      <body className="w-full min-h-screen">
         <AutoAnonymousLogin />
         <SidebarMdProvider>
           <div className="drawer has-sidebar:drawer-open min-h-screen">

Original file line number	Diff line number	Diff line change
`@@ -122,6 +122,11 @@ mycdark:`
`122`	`122`	`}`
`123`	`123`	`}`
`124`	`124`
	`125`	`+body {`
	`126`	`+ /* mocha.css がbodyに背景色などを設定してしまうので、それを上書きしている */`
	`127`	`+ @apply bg-transparent! text-inherit! m-0!`
	`128`	`+}`
	`129`	`+`
`125`	`130`	`/* CDNからダウンロードするURLを指定したらなんかエラー出るので、npmでインストールしてlayout.tsxでimportすることにした */`
`126`	`131`	`@theme {`
`127`	`132`	`/*`