From 287aa30d45fa4600cb513467663801ecd6ac08bb Mon Sep 17 00:00:00 2001
From: louiscklaw <louiscklaw@users.noreply.github.com>
Date: Wed, 16 Apr 2025 02:15:15 +0800
Subject: [PATCH] update build ok,

---
 .../dashboard/lesson_types/create/page.tsx    | 48 +++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 002_source/cms/src/app/dashboard/lesson_types/create/page.tsx

diff --git a/002_source/cms/src/app/dashboard/lesson_types/create/page.tsx b/002_source/cms/src/app/dashboard/lesson_types/create/page.tsx
new file mode 100644
index 0000000..df7a8ae
--- /dev/null
+++ b/002_source/cms/src/app/dashboard/lesson_types/create/page.tsx
@@ -0,0 +1,48 @@
+'use client';
+
+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 { paths } from '@/paths';
+import { LessonTypeCreateForm } from '@/components/dashboard/lesson_type/lesson-type-create-form';
+
+export default function Page(): React.JSX.Element {
+  const { t } = useTranslation();
+  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.lesson_types.list}
+              sx={{ alignItems: 'center', display: 'inline-flex', gap: 1 }}
+              variant="subtitle2"
+            >
+              <ArrowLeftIcon fontSize="var(--icon-fontSize-md)" />
+              {t('dashboard.lessonTypes.title')}
+            </Link>
+          </div>
+          <div>
+            <Typography variant="h4">{t('dashboard.lessonTypes.create.title')}</Typography>
+          </div>
+        </Stack>
+        <LessonTypeCreateForm />
+      </Stack>
+    </Box>
+  );
+}