update build ok,

002_source/cms/src/app/dashboard/lesson_types/page.tsx

@@ -15,9 +15,12 @@ import { paths } from '@/paths';
 import { logger } from '@/lib/default-logger';
 import { toast } from '@/components/core/toaster';
 import type { LessonType } from '@/components/dashboard/lesson_type/ILessonType';
-
+import { LessonTypesFilters } from '@/components/dashboard/lesson_type/lesson-types-filters';
 import type { Filters } from '@/components/dashboard/lesson_type/lesson-types-filters';
-
+import { LessonTypesPagination } from '@/components/dashboard/lesson_type/lesson-types-pagination';
+import { LessonTypesSelectionProvider } from '@/components/dashboard/lesson_type/lesson-types-selection-context';
+import { LessonTypesTable } from '@/components/dashboard/lesson_type/lesson-types-table';
+import FormLoading from '@/components/loading';
 
 interface PageProps {
   searchParams: {
@@ -50,6 +53,10 @@ export default function Page({ searchParams }: PageProps): React.JSX.Element {
     //
   });
 
+  const reloadRows = () => {
+    console.log('reload rows');
+  };
+
   return (
     <Box
       sx={{
@@ -79,6 +86,21 @@ export default function Page({ searchParams }: PageProps): React.JSX.Element {
             </LoadingButton>
           </Box>
         </Stack>
+        <LessonTypesSelectionProvider lessonTypes={filteredLessonTypes}>
+          <Card>
+            <LessonTypesFilters
+              filters={{ email, phone, status, name, visible, type }}
+              fullData={lessonTypesData}
+              sortDir={sortDir}
+            />
+            <Divider />
+            <Box sx={{ overflowX: 'auto' }}>
+              <LessonTypesTable reloadRows={reloadRows} rows={filteredLessonTypes} />
+            </Box>
+            <Divider />
+            <LessonTypesPagination count={filteredLessonTypes.length + 100} page={0} />
+          </Card>
+        </LessonTypesSelectionProvider>
       </Stack>
     </Box>
   );