commit 1d4f29a482295539a7149d3404a3fafc73e30ee0
parent 39d2d139ff6ce940bae54d022542363635c18871
Author: Yuukin256 <52195426+Yuukin256@users.noreply.github.com>
Date: Sun, 7 Apr 2024 23:19:13 +0900
更新情報ページの追加 (#38)
* アプリとデータの更新情報を示すページを作成
* メニュー内に更新情報ページへのリンクを追加
Diffstat:
6 files changed, 62 insertions(+), 10 deletions(-)
diff --git a/src/client/components/Layout/Menu.tsx b/src/client/components/Layout/Menu.tsx
@@ -6,6 +6,7 @@ import MenuIcon from '@mui/icons-material/Menu';
import RateReviewIcon from '@mui/icons-material/RateReviewOutlined';
import SettingsIcon from '@mui/icons-material/SettingsOutlined';
import ShareIcon from '@mui/icons-material/ShareOutlined';
+import UpdateIcon from '@mui/icons-material/UpdateOutlined';
import {
IconButton,
Link,
@@ -95,6 +96,17 @@ export default function Menu() {
</MenuItem>
<MenuItem
+ component={NextLinkComposed}
+ to='/update-info'
+ selected={router.pathname === '/update-info'}
+ >
+ <ListItemIcon>
+ <UpdateIcon />
+ </ListItemIcon>
+ 更新情報
+ </MenuItem>
+
+ <MenuItem
component={Link}
href={BUG_REPORT_FORM_URL}
target='_blank'
diff --git a/src/client/utils/getMuiTheme.ts b/src/client/utils/getMuiTheme.ts
@@ -33,6 +33,8 @@ const getMuiTheme = () => {
'Meiryo',
'sans-serif',
].join(','),
+ h2: { fontSize: '1.5rem', fontWeight: 500 },
+ h3: { fontSize: '1.5rem' },
},
components: {
MuiStack: {
@@ -43,13 +45,6 @@ const getMuiTheme = () => {
},
});
- theme.typography.h2 = {
- fontWeight: 400,
- [theme.breakpoints.up('xs')]: { fontSize: 20 },
- [theme.breakpoints.up('sm')]: { fontSize: 24 },
- [theme.breakpoints.up('md')]: { fontSize: 32 },
- };
-
return theme;
};
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
@@ -16,7 +16,7 @@ const AboutPage: NextPage = () => {
<>
<Head title='このアプリについて' />
<Layout title='このアプリについて'>
- <Box px={2} pb={2} height='fit-content'>
+ <Box px={2} pb={2} width={1} height='fit-content'>
<p>
大阪府立岸和田高等学校
IT部制作「岸高時間割アプリ」です。元は76期情報ゼミの研究活動で制作していたものを、IT部に引き継ぎました。
diff --git a/src/pages/how-to-use.tsx b/src/pages/how-to-use.tsx
@@ -30,7 +30,7 @@ const HouToUsePage: NextPage = () => {
<>
<Head title='使い方' />
<Layout title='使い方'>
- <Box px={2} mb='50vh' height='fit-content'>
+ <Box px={2} mb='50vh' width={1} height='fit-content'>
<p>
IT部制作「岸高時間割アプリ」は、時間割変更（曜日変更）が反映されたクラスごとの時間割表を表示するアプリです。初めてお使いの方は、まずは下記の「利用上の注意・免責事項」をお読みください。
</p>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -13,7 +13,7 @@ const Page: NextPage = () => {
<>
<Head title='トップ' />
<Layout title='トップ'>
- <Box px={2} pb={2} height='fit-content'>
+ <Box px={2} pb={2} width={1} height='fit-content'>
<p>
岸和田高校IT部制作「岸高時間割アプリ」です。詳細は「
<Link href='/about'>このアプリについて</Link>
diff --git a/src/pages/update-info.tsx b/src/pages/update-info.tsx
@@ -0,0 +1,45 @@
+import { Box, Divider, Typography } from '@mui/material';
+
+import Head from 'client/components/Head';
+import Layout from 'client/components/Layout';
+import Link from 'client/components/Link';
+
+import type { NextPage } from 'next';
+
+// 新しい情報を上に追加する。
+const UpdateInfoPage: NextPage = () => {
+ return (
+ <>
+ <Head title='更新情報' />
+ <Layout title='更新情報'>
+ <Box p={2} width={1} height='fit-content'>
+ <Typography variant='h2'>アプリ更新情報</Typography>
+ <p>アプリの機能追加やバグ修正などの更新情報はこちら。</p>
+ <dl>
+ <dt>2024/04/08 (月)</dt>
+ <dd>
+ 2024年度版アプリの公開を開始しました！2023年度からの変更点を含む各機能の使い方は「
+ <Link href={{ pathname: '/how-to-use' }}>使い方</Link>
+ 」ページをご覧ください。
+ </dd>
+ </dl>
+
+ <Divider />
+
+ <Typography variant='h2' mt={2}>
+ 時間割データ更新情報
+ </Typography>
+ <p>時間割データの追加や修正の情報はこちら。</p>
+ <dl>
+ <dt>2024/04/08 (月)</dt>
+ <dd>
+ 2024年の各クラスの標準時間割表と、2024年1学期の各学年の曜日時限日程データを追加しました。なお、各クラスの科目名は、学校側から提供されたデータを元に自動で生成したものです。略称が短く分かりづらいため、科目名の調整作業を今後実施します。
+ </dd>
+ </dl>
+ </Box>
+ </Layout>
+ </>
+ );
+};
+
+export default UpdateInfoPage;
