fix(course): use distinct shield-check icon for Compliance nav (#906)

* fix(course): use shield-check icon for compliance nav

Certificates and Compliance both used CertificateIcon in the course
sidebar; point Compliance at Lucide's shield-check instead.

Co-authored-by: Rotimi Best <rotimi-best@users.noreply.github.com>

* fix(ui): add ShieldCheckIcon moving icon for compliance nav

Replace the Lucide shield-check import with a moving-icons component
matching sibling hover-animation patterns, and use it for Compliance.

Co-authored-by: Rotimi Best <rotimi-best@users.noreply.github.com>

* fix(course): use moving BotIcon for AI tutor nav

Switch the course sidebar AI Assistant item from Lucide bot to the
shared moving-icons BotIcon so hover animation matches other nav items.

Co-authored-by: Rotimi Best <rotimi-best@users.noreply.github.com>

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: Rotimi Best <rotimi-best@users.noreply.github.com>
This commit is contained in:
Rotimi Best
2026-08-15 12:12:19 +01:00
committed by GitHub
co-authored by Rotimi Best Cursor Agent
parent d48d85df2f
commit 5b63c784b4
3 changed files with 81 additions and 2 deletions
@@ -8,10 +8,10 @@
import { BackButton } from '@cio/ui';
import TableOfContentsIcon from '@lucide/svelte/icons/table-of-contents';
import BotIcon from '@lucide/svelte/icons/bot';
import {
AnalyticsIcon,
AttendanceIcon,
BotIcon,
CertificateIcon,
ContentIcon,
HoverableItem,
@@ -21,6 +21,7 @@
PeopleIcon,
PremiumIcon,
SettingsIcon,
ShieldCheckIcon,
SubmissionIcon
} from '@cio/ui/custom/moving-icons';
import { ContentType } from '@cio/utils/constants/content';
@@ -248,7 +249,7 @@
} else if (id === NAV_IDS.MARKS) {
return MarksIcon;
} else if (id === NAV_IDS.COMPLIANCE) {
return CertificateIcon;
return ShieldCheckIcon;
} else if (id === NAV_IDS.PEOPLE) {
return PeopleIcon;
} else if (id === NAV_IDS.ANALYTICS) {