From 72fc2b0f782f9bccd31e1ffa755ae86b87228e08 Mon Sep 17 00:00:00 2001
From: Muhammad Anas <88967643+Anas12091101@users.noreply.github.com>
Date: Thu, 13 Nov 2025 22:08:18 +0500
Subject: [PATCH] fix: unit button active state (#2617)

---
 .../course-sequence/sequence-navigation/UnitButton.jsx      | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/course-unit/course-sequence/sequence-navigation/UnitButton.jsx b/src/course-unit/course-sequence/sequence-navigation/UnitButton.jsx
index 37b3a35f64..f86dbb781d 100644
--- a/src/course-unit/course-sequence/sequence-navigation/UnitButton.jsx
+++ b/src/course-unit/course-sequence/sequence-navigation/UnitButton.jsx
@@ -10,13 +10,13 @@ const UnitButton = ({
   unitId,
   className,
   showTitle,
+  isActive, // passed from parent (SequenceNavigationTabs)
 }) => {
   const courseId = useSelector(getCourseId);
   const sequenceId = useSelector(getSequenceId);
 
   const unit = useSelector((state) => state.models.units[unitId]);
-
-  const { title, contentType, isActive } = unit || {};
+  const { title, contentType } = unit || {};
 
   return (
     <Button
@@ -37,11 +37,13 @@ UnitButton.propTypes = {
   className: PropTypes.string,
   showTitle: PropTypes.bool,
   unitId: PropTypes.string.isRequired,
+  isActive: PropTypes.bool,
 };
 
 UnitButton.defaultProps = {
   className: undefined,
   showTitle: false,
+  isActive: false,
 };
 
 export default UnitButton;