rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add chapter index badge to ActivityChapterDropdown for improved navigation

Browse source
This commit is contained in:
swve 2025-07-09 15:56:20 +02:00
parent 71cc8ef105
commit 7ef7f9feee
1 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
apps/web/components/Pages/Activity/ActivityChapterDropdown.tsx
View file

@ -93,11 +93,13 @@ export default function ActivityChapterDropdown(props: ActivityChapterDropdownPr
</div> </div>
<div className="py-0.5"> <div className="py-0.5">
{props.course.chapters.map((chapter: any) => ( {props.course.chapters.map((chapter: any, index: number) => (
<div key={chapter.id} className="mb-1"> <div key={chapter.id} className="mb-1">
<div className="px-3 py-1.5 text-sm font-medium text-gray-600 bg-gray-50 border-y border-gray-100 flex items-center"> <div className="px-3 py-1.5 text-sm font-medium text-gray-600 bg-gray-50 border-y border-gray-100 flex items-center">
<div className="flex items-center space-x-1.5"> <div className="flex items-center space-x-1.5">
<Folder size={14} className="text-gray-400" /> <div className="bg-gray-500 text-white text-[10px] font-bold rounded-full w-4 h-4 flex items-center justify-center">
{index + 1}
</div>
<span>{chapter.name}</span> <span>{chapter.name}</span>
</div> </div>
</div> </div>