timetable-app

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

setting.tsx (813B)

      1 import { Backdrop, Box, CircularProgress } from '@mui/material';
      2 import dynamic from 'next/dynamic';
      3 
      4 import Head from 'client/components/Head';
      5 import Layout from 'client/components/Layout';
      6 
      7 import type { NextPage } from 'next';
      8 
      9 // 設定内容はクライアントで反映させたいので動的読み込みする
     10 const SettingView = dynamic(() => import('client/features/setting'), {
     11 	ssr: false,
     12 	loading: () => (
     13 		<Backdrop open transitionDuration={0}>
     14 			<CircularProgress />
     15 		</Backdrop>
     16 	),
     17 });
     18 
     19 // テーマ、所属クラスを設定するページ
     20 const SettingPage: NextPage = () => {
     21 	return (
     22 		<>
     23 			<Head title='設定' />
     24 			<Layout title='設定'>
     25 				<Box p={2} pb={2} width={1} height='fit-content'>
     26 					<SettingView />
     27 				</Box>
     28 			</Layout>
     29 		</>
     30 	);
     31 };
     32 
     33 export default SettingPage;