|
1 | | -"use client"; |
2 | | - |
3 | | -import { CssBaseline, ThemeProvider, createTheme } from "@mui/material"; |
4 | | -import { SnackbarProvider } from "notistack"; |
5 | | -import React from "react"; |
| 1 | +import type React from "react"; |
6 | 2 | import "./globals.css"; |
7 | 3 | import "@fontsource/roboto/300.css"; |
8 | 4 | import "@fontsource/roboto/400.css"; |
9 | 5 | import "@fontsource/roboto/500.css"; |
10 | 6 | import "@fontsource/roboto/700.css"; |
11 | | -import BanLandscape from "~/components/BanLandscape"; |
12 | | -import SSEProvider from "~/components/SSEProvider"; |
13 | | -import { AlertProvider } from "~/components/common/alert/AlertProvider"; |
| 7 | +import type { Metadata, Viewport } from "next"; |
| 8 | +import Providers from "~/components/Providers"; |
| 9 | + |
| 10 | +export const viewport: Viewport = { |
| 11 | + width: "device-width", |
| 12 | + initialScale: 1, |
| 13 | + viewportFit: "cover", |
| 14 | +}; |
14 | 15 |
|
15 | | -const theme = createTheme({ |
16 | | - palette: { |
17 | | - primary: { |
18 | | - main: "#039BE5", |
19 | | - }, |
20 | | - secondary: { |
21 | | - main: "#E9F8FF", |
22 | | - }, |
23 | | - }, |
24 | | -}); |
| 16 | +export const metadata: Metadata = { |
| 17 | + title: "CourseMate (β版)", |
| 18 | + description: "同じ授業の人と友達になろう", |
| 19 | +}; |
25 | 20 |
|
26 | 21 | export default function RootLayout({ |
27 | 22 | children, |
28 | | -}: { |
29 | | - children: React.ReactNode; |
30 | | -}) { |
| 23 | +}: { children: React.ReactNode }) { |
31 | 24 | return ( |
32 | 25 | <html lang="en" className="h-full"> |
33 | | - <head> |
34 | | - <meta charSet="UTF-8" /> |
35 | | - <link rel="icon" type="image/svg+xml" href="/course-mate-icon.svg" /> |
36 | | - <meta |
37 | | - name="viewport" |
38 | | - content="width=device-width, initial-scale=1.0, maximum-scale=1.0" |
39 | | - /> |
40 | | - <title>CourseMate</title> |
41 | | - </head> |
42 | 26 | <body className="h-full"> |
43 | | - <ThemeProvider theme={theme}> |
44 | | - <CssBaseline /> |
45 | | - <SnackbarProvider |
46 | | - autoHideDuration={2000} |
47 | | - anchorOrigin={{ horizontal: "right", vertical: "top" }} |
48 | | - > |
49 | | - <React.StrictMode> |
50 | | - <CssBaseline /> |
51 | | - <AlertProvider> |
52 | | - {/* <ModalProvider> */} |
53 | | - <BanLandscape /> |
54 | | - <SSEProvider>{children}</SSEProvider> |
55 | | - {/* </ModalProvider> */} |
56 | | - </AlertProvider> |
57 | | - </React.StrictMode> |
58 | | - </SnackbarProvider> |
59 | | - </ThemeProvider> |
| 27 | + <Providers>{children}</Providers> |
60 | 28 | </body> |
61 | 29 | </html> |
62 | 30 | ); |
|
0 commit comments