diff --git a/apps/web/src/app/main/my-duty/page.tsx b/apps/web/src/app/main/my-duty/page.tsx
index fd33761..64a529f 100644
--- a/apps/web/src/app/main/my-duty/page.tsx
+++ b/apps/web/src/app/main/my-duty/page.tsx
@@ -1,20 +1,22 @@
-import CourseList from "@web/src/components/models/course/list/CourseList";
+import PostList from "@web/src/components/models/course/list/PostList";
 import { useAuth } from "@web/src/providers/auth-provider";
+import CourseCard from "../courses/components/CourseCard";
 
 export default function MyDutyPage() {
 	const { user } = useAuth();
 	return (
 		<>
 			<div className="p-4">
-				<CourseList
-					edit
+				<PostList
+				renderItem={post=><CourseCard edit course={post}></CourseCard>}
+				
 					params={{
 						pageSize: 12,
 						where: {
 							authorId: user.id,
 						},
 					}}
-					cols={4}></CourseList>
+					cols={4}></PostList>
 			</div>
 		</>
 	);
diff --git a/apps/web/src/app/main/my-learning/page.tsx b/apps/web/src/app/main/my-learning/page.tsx
index 8807119..14278e8 100644
--- a/apps/web/src/app/main/my-learning/page.tsx
+++ b/apps/web/src/app/main/my-learning/page.tsx
@@ -1,12 +1,14 @@
-import CourseList from "@web/src/components/models/course/list/CourseList";
+import PostList from "@web/src/components/models/course/list/PostList";
 import { useAuth } from "@web/src/providers/auth-provider";
+import CourseCard from "../courses/components/CourseCard";
 
 export default function MyLearningPage() {
 	const { user } = useAuth();
 	return (
 		<>
 			<div className="p-4">
-				<CourseList
+				<PostList
+					renderItem={post => <CourseCard edit={false} course={post}></CourseCard>}
 					params={{
 						pageSize: 12,
 						where: {
@@ -17,7 +19,7 @@ export default function MyLearningPage() {
 							},
 						},
 					}}
-					cols={4}></CourseList>
+					cols={4}></PostList>
 			</div>
 		</>
 	);