feat: ベータ版表記を追加

nakaterm · nakaterm · commit f224eedf68bc · 2025-04-13T14:50:56.000+09:00
diff --git a/web/app/layout.tsx b/web/app/layout.tsx
@@ -4,7 +4,7 @@ import "@fontsource/roboto/300.css";
 import "@fontsource/roboto/400.css";
 import "@fontsource/roboto/500.css";
 import "@fontsource/roboto/700.css";
-import type { Viewport } from "next";
+import type { Metadata, Viewport } from "next";
 import Providers from "~/components/Providers";
 
 export const viewport: Viewport = {
@@ -13,15 +13,16 @@ export const viewport: Viewport = {
   viewportFit: "cover",
 };
 
+export const metadata: Metadata = {
+  title: "CourseMate (β版)",
+  description: "同じ授業の人と友達になろう",
+};
+
 export default function RootLayout({
   children,
 }: { children: React.ReactNode }) {
   return (
     <html lang="en" className="h-full">
-      <head>
-        <link rel="icon" type="image/svg+xml" href="/course-mate-icon.svg" />
-        <title>CourseMate</title>
-      </head>
       <body className="h-full">
         <Providers>{children}</Providers>
       </body>
diff --git a/web/components/Header.tsx b/web/components/Header.tsx
@@ -8,7 +8,7 @@ type Props = {
 };
 
 export default function Header(props: Props) {
-  const { title, info } = props;
+  const { title } = props;
   return (
     <header className="fixed top-0 z-30 flex h-12 w-full items-center justify-center border-gray-200 border-b bg-white">
       {title && (
@@ -20,23 +20,40 @@ export default function Header(props: Props) {
           <CourseMateIcon width="30px" height="30px" />
         </Link>
       )}
-
       {title ? (
         <h1 className="w-full flex-grow text-center text-black text-xl">
           {title}
         </h1>
       ) : (
         <CourseMateIcon width="30px" height="30px" />
       )}
-      {info && (
-        <Link
-          href="/faq"
-          passHref
-          className="-translate-y-1/2 absolute top-1/2 right-3 transform"
-        >
+      <div className="dropdown dropdown-end -translate-y-1/2 absolute top-1/2 right-3 transform">
+        <button tabIndex={0} className="btn btn-ghost btn-circle" type="button">
           <MdInfoOutline size={28} className="text-gray-500" />
-        </Link>
-      )}
+        </button>
+        <div className="dropdown-content z-[1] w-56 rounded-box bg-base-100 p-2 shadow">
+          <p className="p-2 text-xs">CourseMate は現在ベータ版です。</p>
+          <ul className="menu p-0">
+            <li>
+              <a
+                href="https://forms.gle/WvFTbsJoHjGp9Qt88"
+                target="_blank"
+                rel="noreferrer"
+              >
+                ご意見・バグ報告
+              </a>
+            </li>
+            {/* <li
+              <a>開発に参加する</a>
+            </li> */}
+            <li>
+              <Link href="/faq" passHref>
+                よくある質問
+              </Link>
+            </li>
+          </ul>
+        </div>
+      </div>
     </header>
   );
 }
