origin/apps/web/src/app/main/my-duty/page.tsx

import PostList from "@web/src/components/models/course/list/PostList";
import { useAuth } from "@web/src/providers/auth-provider";
import { useMainContext } from "../layout/MainProvider";
import CourseCard from "../courses/components/CourseCard";

export default function MyDutyPage() {
	const { user } = useAuth();
	const { searchCondition } = useMainContext();
	return (
		<>
			<div className="p-4">
				<PostList
					renderItem={(post) => (
						<CourseCard edit course={post}></CourseCard>
					)}
					params={{
						pageSize: 12,
						where: {
							authorId: user.id,
							...searchCondition,
						},
					}}
					cols={4}></PostList>
			</div>
		</>
	);
}