From 2da930f819495c85647ecf0a0b9803d56221793a Mon Sep 17 00:00:00 2001 From: sundasnoreen12 <72802712+sundasnoreen12@users.noreply.github.com> Date: Wed, 17 Apr 2024 12:29:45 +0500 Subject: [PATCH] fix: fixed expended view unit bar issue (#1356) * fix: fixed expended view unit bar issue * refactor: removed expanded width --- .../sequence-navigation/SequenceNavigationTabs.jsx | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/courseware/course/sequence/sequence-navigation/SequenceNavigationTabs.jsx b/src/courseware/course/sequence/sequence-navigation/SequenceNavigationTabs.jsx index 71b24cff..2fbfed2a 100644 --- a/src/courseware/course/sequence/sequence-navigation/SequenceNavigationTabs.jsx +++ b/src/courseware/course/sequence/sequence-navigation/SequenceNavigationTabs.jsx @@ -1,15 +1,21 @@ -import React from 'react'; +import React, { useContext } from 'react'; import PropTypes from 'prop-types'; import classNames from 'classnames'; +import { getConfig } from '@edx/frontend-platform'; import UnitButton from './UnitButton'; import SequenceNavigationDropdown from './SequenceNavigationDropdown'; import useIndexOfLastVisibleChild from '../../../../generic/tabs/useIndexOfLastVisibleChild'; import { useIsOnXLDesktop } from './hooks'; +import SidebarContext from '../../sidebar/SidebarContext'; +import NewSidebarContext from '../../new-sidebar/SidebarContext'; const SequenceNavigationTabs = ({ unitIds, unitId, showCompletion, onNavigate, }) => { + const enableNewSidebar = getConfig().ENABLE_NEW_SIDEBAR; + const sidebarContext = enableNewSidebar === 'true' ? NewSidebarContext : SidebarContext; + const { currentSidebar } = useContext(sidebarContext); const [ indexOfLastVisibleChild, containerRef, @@ -23,7 +29,7 @@ const SequenceNavigationTabs = ({