From 7ef7f9feee2840fa2598f67849fe3aa2b6ca18d5 Mon Sep 17 00:00:00 2001
From: swve <bdswve@gmail.com>
Date: Wed, 9 Jul 2025 15:56:20 +0200
Subject: [PATCH] feat: add chapter index badge to ActivityChapterDropdown for
 improved navigation

---
 .../components/Pages/Activity/ActivityChapterDropdown.tsx   | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/components/Pages/Activity/ActivityChapterDropdown.tsx b/apps/web/components/Pages/Activity/ActivityChapterDropdown.tsx
index a2bfff20..01a2bdaa 100644
--- a/apps/web/components/Pages/Activity/ActivityChapterDropdown.tsx
+++ b/apps/web/components/Pages/Activity/ActivityChapterDropdown.tsx
@@ -93,11 +93,13 @@ export default function ActivityChapterDropdown(props: ActivityChapterDropdownPr
           </div>
           
           <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 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">
-                    <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>
                   </div>
                 </div>