Added course taken and edited tab styling

sandboxnu · Jan 22, 2025 · 27ab320 · 27ab320
1 parent f58af6a
commit 27ab320
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/frontend/components/Sidebar/Sidebar.tsx b/packages/frontend/components/Sidebar/Sidebar.tsx
@@ -239,10 +239,12 @@ const Sidebar: React.FC<SidebarProps> = memo(
               dndIdPrefix={`${SIDEBAR_DND_ID_PREFIX}-nupath`}
               loading={isCoursesLoading}
             />
-            <Tabs>
+            <Tabs isFitted variant="enclosed-colored" colorScheme="blue">
               <TabList>
-                <Tab>Major</Tab>
-                <Tab>Minor(s)</Tab>
+                <Tab _selected={{ color: "white", bg: "blue.800" }}>Major</Tab>
+                <Tab _selected={{ color: "white", bg: "blue.800" }}>
+                  Minor(s)
+                </Tab>
               </TabList>
               <TabPanels>
                 <TabPanel>
@@ -309,6 +311,7 @@ const Sidebar: React.FC<SidebarProps> = memo(
                               validationStatus={
                                 SidebarValidationStatus.InProgress
                               }
+                              coursesTaken={coursesTaken}
                             ></SidebarSection>
                           );
                         }