From fd11fa59b16f57958dc34e805d7f559527a2a93b Mon Sep 17 00:00:00 2001
From: 2nguyen <phuongnam.hainm3@fpt.net>
Date: Wed, 19 Aug 2026 11:45:26 +0700
Subject: [PATCH] feat: add mock images

---
 src/pages/Dashboard/DashboardPage.jsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/pages/Dashboard/DashboardPage.jsx b/src/pages/Dashboard/DashboardPage.jsx
index 001a4f4..79b46d1 100644
--- a/src/pages/Dashboard/DashboardPage.jsx
+++ b/src/pages/Dashboard/DashboardPage.jsx
@@ -21,7 +21,9 @@ const stats = [
     description:
       'An introductory course covering essential leadership principles for new managers.',
     status: 'Published',
-    lastUpdate: '2026-08-19'
+    lastUpdate: '2026-08-19',
+    image:
+      'https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=800&q=80'
   },
   {
     code: 'TEC-204',
@@ -29,20 +31,21 @@ const stats = [
     description:
       'Deep dive into scalable cloud infrastructure design and implementation strategies.',
     status: 'Draft',
-    lastUpdate: '2026-08-19'
+    lastUpdate: '2026-08-19',
+    image:
+      'https://images.unsplash.com/photo-1533090161767-e6ffed986c88?auto=format&fit=crop&w=800&q=80'
   },
   {
     code: 'CMP-099',
     title: '2022 Annual Compliance Review',
     description: 'Outdated compliance materials from the previous fiscal year.',
     status: 'Archived',
-    lastUpdate: '2026-08-19'
+    lastUpdate: '2026-08-19',
+    image:
+      'https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=800&q=80'
   }
 ];
 
-const courseImage =
-  'https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=800&q=80';
-
 function DashboardPage() {
   return (
     <>
@@ -140,7 +143,7 @@ function DashboardPage() {
       </div>
       <div className="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-4">
         {stats.map((course) => (
-          <CourseCard key={course.code} course={course} image={courseImage} />
+          <CourseCard key={course.code} course={course} image={course.image} />
         ))}
       </div>
     </>