aplp/aplp.frontend.lms
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add mock images

Browse Source
This commit is contained in:
2nguyen
2026-08-19 11:45:26 +07:00
parent 31cc376e4f
commit fd11fa59b1
1 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Dashboard/DashboardPage.jsx
+10 -7
View File
@@ -21,7 +21,9 @@ const stats = [
description: description:
'An introductory course covering essential leadership principles for new managers.', 'An introductory course covering essential leadership principles for new managers.',
status: 'Published', 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', code: 'TEC-204',
@@ -29,20 +31,21 @@ const stats = [
description: description:
'Deep dive into scalable cloud infrastructure design and implementation strategies.', 'Deep dive into scalable cloud infrastructure design and implementation strategies.',
status: 'Draft', 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', code: 'CMP-099',
title: '2022 Annual Compliance Review', title: '2022 Annual Compliance Review',
description: 'Outdated compliance materials from the previous fiscal year.', description: 'Outdated compliance materials from the previous fiscal year.',
status: 'Archived', 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() { function DashboardPage() {
return ( return (
<> <>
@@ -140,7 +143,7 @@ function DashboardPage() {
</div> </div>
<div className="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-4"> <div className="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-4">
{stats.map((course) => ( {stats.map((course) => (
<CourseCard key={course.code} course={course} image={courseImage} /> <CourseCard key={course.code} course={course} image={course.image} />
))} ))}
</div> </div>
</> </>