7e2844dd74
refactor Student and Teacher create/edit forms to implement i18n support, update UI components, and standardize API calls ```
58 lines
1.6 KiB
TypeScript
58 lines
1.6 KiB
TypeScript
'use client';
|
|
|
|
// src/app/dashboard/teachers/create/page.tsx
|
|
// PURPOSE
|
|
// T.B.A.
|
|
//
|
|
import * as React from 'react';
|
|
import RouterLink from 'next/link';
|
|
import Box from '@mui/material/Box';
|
|
import Link from '@mui/material/Link';
|
|
import Stack from '@mui/material/Stack';
|
|
import Typography from '@mui/material/Typography';
|
|
import { ArrowLeft as ArrowLeftIcon } from '@phosphor-icons/react/dist/ssr/ArrowLeft';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
import { config } from '@/config';
|
|
import { paths } from '@/paths';
|
|
import { TeacherCreateForm } from '@/components/dashboard/teacher/teacher-create-form';
|
|
|
|
export default function Page(): React.JSX.Element {
|
|
const { t } = useTranslation(['teachers']);
|
|
|
|
return (
|
|
<Box
|
|
sx={{
|
|
maxWidth: 'var(--Content-maxWidth)',
|
|
m: 'var(--Content-margin)',
|
|
p: 'var(--Content-padding)',
|
|
width: 'var(--Content-width)',
|
|
}}
|
|
>
|
|
<Stack spacing={4}>
|
|
<Stack spacing={3}>
|
|
<div>
|
|
<Link
|
|
color="text.primary"
|
|
component={RouterLink}
|
|
href={paths.dashboard.teachers.list}
|
|
sx={{ alignItems: 'center', display: 'inline-flex', gap: 1 }}
|
|
variant="subtitle2"
|
|
>
|
|
<ArrowLeftIcon fontSize="var(--icon-fontSize-md)" />
|
|
{t('teachers')}
|
|
</Link>
|
|
</div>
|
|
<div>
|
|
<Typography variant="h4">
|
|
{t('create-teacher')}
|
|
{/* */}
|
|
</Typography>
|
|
</div>
|
|
</Stack>
|
|
<TeacherCreateForm />
|
|
</Stack>
|
|
</Box>
|
|
);
|
|
}
|