louiscklaw/lettersoup-online
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update init teacher ,

Browse Source
This commit is contained in:
louiscklaw
2025-04-24 12:09:47 +08:00
parent 29b074f6dd
commit ca2a9c235b
38 changed files with 309 additions and 292 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
002_source/cms/src/components/dashboard/teacher/_constants.ts
View File

@@ -3,9 +3,9 @@
// empty valur for customer
import { dayjs } from '@/lib/dayjs';
import type { Customer } from './type.d';
import type { Teacher } from './type.d';
export const defaultCustomer: Customer = {
export const defaultTeacher: Teacher = {
id: '',
name: '',
avatar: undefined,
@@ -16,6 +16,6 @@ export const defaultCustomer: Customer = {
createdAt: dayjs().toDate(),
};
export const emptyLpCategory: Customer = {
...defaultCustomer,
export const emptyLpCategory: Teacher = {
...defaultTeacher,
};

4
002_source/cms/src/components/dashboard/teacher/confirm-delete-modal.tsx
View File

@@ -16,7 +16,7 @@ import { useTranslation } from 'react-i18next';
import { logger } from '@/lib/default-logger';
import { toast } from '@/components/core/toaster';
import { deleteCustomer } from '@/db/Customers/Delete';
import { deleteTeacher } from '@/db/Teachers/Delete';
export default function ConfirmDeleteModal({
open,
@@ -49,7 +49,7 @@ export default function ConfirmDeleteModal({
setIsDeleteing(true);
// RULES: delete<CollectionName>
deleteCustomer(idToDelete)
deleteTeacher(idToDelete)
.then(() => {
reloadRows();
handleClose();

12
002_source/cms/src/components/dashboard/teacher/customer-create-form.tsx → 002_source/cms/src/components/dashboard/teacher/teacher-create-form.tsx
View File

@@ -29,7 +29,7 @@ import { paths } from '@/paths';
import { logger } from '@/lib/default-logger';
import { Option } from '@/components/core/option';
import { toast } from '@/components/core/toaster';
import { createCustomer } from '@/db/Customers/Create';
import { createTeacher } from '@/db/Teachers/Create';
import isDevelopment from '@/lib/check-is-development';
function fileToBase64(file: Blob): Promise<string> {
@@ -87,7 +87,7 @@ const defaultValues = {
currency: 'USD',
} satisfies Values;
export function CustomerCreateForm(): React.JSX.Element {
export function TeacherCreateForm(): React.JSX.Element {
const router = useRouter();
const {
@@ -102,9 +102,9 @@ export function CustomerCreateForm(): React.JSX.Element {
async (values: Values): Promise<void> => {
try {
// Use standard create method from db/Customers/Create
const record = await createCustomer(values);
const record = await createTeacher(values);
toast.success('Customer created');
router.push(paths.dashboard.customers.details(record.id));
router.push(paths.dashboard.teachers.details(record.id));
} catch (err) {
logger.error(err);
toast.error('Failed to create customer');
@@ -509,7 +509,7 @@ export function CustomerCreateForm(): React.JSX.Element {
<Button
color="secondary"
component={RouterLink}
href={paths.dashboard.customers.list}
href={paths.dashboard.teachers.list}
>
Cancel
</Button>
@@ -517,7 +517,7 @@ export function CustomerCreateForm(): React.JSX.Element {
type="submit"
variant="contained"
>
Create customer
Create teacher
</Button>
</CardActions>
</Card>

12
002_source/cms/src/components/dashboard/teacher/customer-edit-form.tsx → 002_source/cms/src/components/dashboard/teacher/teacher-edit-form.tsx
View File

@@ -4,7 +4,7 @@ import * as React from 'react';
import RouterLink from 'next/link';
import { useParams, useRouter } from 'next/navigation';
//
import { COL_CUSTOMERS } from '@/constants';
import { COL_TEACHERS } from '@/constants';
import { zodResolver } from '@hookform/resolvers/zod';
import { LoadingButton } from '@mui/lab';
//
@@ -85,7 +85,7 @@ const defaultValues = {
avatar: '',
} satisfies Values;
export function CustomerEditForm(): React.JSX.Element {
export function TeacherEditForm(): React.JSX.Element {
const router = useRouter();
const { t } = useTranslation(['lp_categories']);
@@ -123,9 +123,9 @@ export function CustomerEditForm(): React.JSX.Element {
};
try {
await pb.collection(COL_CUSTOMERS).update(customerId, updateData);
await pb.collection(COL_TEACHERS).update(customerId, updateData);
toast.success('Customer updated successfully');
router.push(paths.dashboard.customers.list);
router.push(paths.dashboard.teachers.list);
} catch (error) {
logger.error(error);
toast.error('Failed to update customer');
@@ -162,7 +162,7 @@ export function CustomerEditForm(): React.JSX.Element {
setShowLoading(true);
try {
const result = await pb.collection(COL_CUSTOMERS).getOne(id);
const result = await pb.collection(COL_TEACHERS).getOne(id);
reset({ ...defaultValues, ...result });
console.log({ result });
@@ -581,7 +581,7 @@ export function CustomerEditForm(): React.JSX.Element {
<Button
color="secondary"
component={RouterLink}
href={paths.dashboard.customers.list}
href={paths.dashboard.teachers.list}
>
{t('edit.cancelButton')}
</Button>

8
002_source/cms/src/components/dashboard/teacher/customers-filters.tsx → 002_source/cms/src/components/dashboard/teacher/teachers-filters.tsx
View File

@@ -21,7 +21,7 @@ import { paths } from '@/paths';
import { FilterButton } from '@/components/core/filter-button';
import { Option } from '@/components/core/option';
import { useCustomersSelection } from './customers-selection-context';
import { useTeachersSelection } from './teachers-selection-context';
import GetBlockedCount from '@/db/Customers/GetBlockedCount';
import GetPendingCount from '@/db/Customers/GetPendingCount';
import GetActiveCount from '@/db/Customers/GetActiveCount';
@@ -29,7 +29,7 @@ import PhoneFilterPopover from './phone-filter-popover';
import EmailFilterPopover from './email-filter-popover';
import type { CustomersFiltersProps, Filters, SortDir } from './type.d';
export function CustomersFilters({
export function TeachersFilters({
filters = {},
sortDir = 'desc',
fullData,
@@ -45,7 +45,7 @@ export function CustomersFilters({
const router = useRouter();
const selection = useCustomersSelection();
const selection = useTeachersSelection();
// function getVisible(): number {
// return fullData.reduce((count, item: CrQuestion) => {
@@ -87,7 +87,7 @@ export function CustomersFilters({
searchParams.set('phone', newFilters.phone);
}
router.push(`${paths.dashboard.customers.list}?${searchParams.toString()}`);
router.push(`${paths.dashboard.teachers.list}?${searchParams.toString()}`);
},
[router]
);

2
002_source/cms/src/components/dashboard/teacher/customers-pagination.tsx → 002_source/cms/src/components/dashboard/teacher/teachers-pagination.tsx
View File

@@ -16,7 +16,7 @@ interface CustomersPaginationProps {
rowsPerPage: number;
}
export function CustomersPagination({
export function TeachersPagination({
count,
page,
//

12
002_source/cms/src/components/dashboard/teacher/customers-selection-context.tsx → 002_source/cms/src/components/dashboard/teacher/teachers-selection-context.tsx
View File

@@ -5,7 +5,7 @@ import * as React from 'react';
import { useSelection } from '@/hooks/use-selection';
import type { Selection } from '@/hooks/use-selection';
import type { Customer } from './type.d';
import type { Teacher } from './type.d';
function noop(): void {
return undefined;
@@ -25,19 +25,19 @@ export const CustomersSelectionContext = React.createContext<CustomersSelectionC
interface CustomersSelectionProviderProps {
children: React.ReactNode;
customers: Customer[];
teachers: Teacher[];
}
export function CustomersSelectionProvider({
export function TeachersSelectionProvider({
children,
customers = [],
teachers = [],
}: CustomersSelectionProviderProps): React.JSX.Element {
const customerIds = React.useMemo(() => customers.map((customer) => customer.id), [customers]);
const customerIds = React.useMemo(() => teachers.map((customer) => customer.id), [teachers]);
const selection = useSelection(customerIds);
return <CustomersSelectionContext.Provider value={{ ...selection }}>{children}</CustomersSelectionContext.Provider>;
}
export function useCustomersSelection(): CustomersSelectionContextValue {
export function useTeachersSelection(): CustomersSelectionContextValue {
return React.useContext(CustomersSelectionContext);
}

22
002_source/cms/src/components/dashboard/teacher/customers-table.tsx → 002_source/cms/src/components/dashboard/teacher/teachers-table.tsx
View File

@@ -27,10 +27,10 @@ import { DataTable } from '@/components/core/data-table';
import type { ColumnDef } from '@/components/core/data-table';
import ConfirmDeleteModal from './confirm-delete-modal';
import { useCustomersSelection } from './customers-selection-context';
import type { Customer } from './type.d';
import { useTeachersSelection } from './teachers-selection-context';
import type { Teacher } from './type.d';
function columns(handleDeleteClick: (testId: string) => void): ColumnDef<Customer>[] {
function columns(handleDeleteClick: (testId: string) => void): ColumnDef<Teacher>[] {
return [
{
formatter: (row): React.JSX.Element => (
@@ -44,7 +44,7 @@ function columns(handleDeleteClick: (testId: string) => void): ColumnDef<Custome
<Link
color="inherit"
component={RouterLink}
href={paths.dashboard.customers.details(row.id)}
href={paths.dashboard.teachers.details(row.id)}
sx={{ whiteSpace: 'nowrap' }}
variant="subtitle2"
>
@@ -89,8 +89,6 @@ function columns(handleDeleteClick: (testId: string) => void): ColumnDef<Custome
{
formatter: (row): React.JSX.Element => {
// eslint-disable-next-line react-hooks/rules-of-hooks
const mapping = {
active: {
label: 'Active',
@@ -143,7 +141,7 @@ function columns(handleDeleteClick: (testId: string) => void): ColumnDef<Custome
//
color="secondary"
component={RouterLink}
href={paths.dashboard.customers.details(row.id)}
href={paths.dashboard.teachers.details(row.id)}
>
<PencilSimpleIcon size={24} />
</LoadingButton>
@@ -167,13 +165,13 @@ function columns(handleDeleteClick: (testId: string) => void): ColumnDef<Custome
}
export interface CustomersTableProps {
rows: Customer[];
rows: Teacher[];
reloadRows: () => void;
}
export function CustomersTable({ rows, reloadRows }: CustomersTableProps): React.JSX.Element {
export function TeachersTable({ rows, reloadRows }: CustomersTableProps): React.JSX.Element {
const { t } = useTranslation(['customers']);
const { deselectAll, deselectOne, selectAll, selectOne, selected } = useCustomersSelection();
const { deselectAll, deselectOne, selectAll, selectOne, selected } = useTeachersSelection();
const [idToDelete, setIdToDelete] = React.useState('');
const [open, setOpen] = React.useState(false);
@@ -191,7 +189,7 @@ export function CustomersTable({ rows, reloadRows }: CustomersTableProps): React
reloadRows={reloadRows}
setOpen={setOpen}
/>
<DataTable<Customer>
<DataTable<Teacher>
columns={columns(handleDeleteClick)}
onDeselectAll={deselectAll}
onDeselectOne={(_, row) => {
@@ -213,7 +211,7 @@ export function CustomersTable({ rows, reloadRows }: CustomersTableProps): React
variant="body2"
>
{/* TODO: update this */}
{t('no-record-found')}
{t('no-teachers-found')}
</Typography>
</Box>
) : null}

4
002_source/cms/src/components/dashboard/teacher/type.d.tsx
View File

@@ -2,7 +2,7 @@
export type SortDir = 'asc' | 'desc';
export interface Customer {
export interface Teacher {
id: string;
name: string;
avatar?: string;
@@ -60,7 +60,7 @@ export interface EditFormProps {
export interface CustomersFiltersProps {
filters?: Filters;
sortDir?: SortDir;
fullData: Customer[];
fullData: Teacher[];
}
export interface Filters {
email?: string;