diff --git a/src/courseware/course/new-sidebar/SidebarContextProvider.jsx b/src/courseware/course/new-sidebar/SidebarContextProvider.jsx index b673c1a4..a87ed8ab 100644 --- a/src/courseware/course/new-sidebar/SidebarContextProvider.jsx +++ b/src/courseware/course/new-sidebar/SidebarContextProvider.jsx @@ -75,11 +75,11 @@ const SidebarProvider = ({ }, [currentSidebar, isDiscussionbarAvailable, isNotificationbarAvailable]); const clearSidebarKeyIfWidgetsUnavailable = useCallback((widgetId) => { - if ((!isNotificationbarAvailable && widgetId === WIDGETS.DISCUSSIONS) - || (!isDiscussionbarAvailable && widgetId === WIDGETS.NOTIFICATIONS)) { + if (((!isNotificationbarAvailable || hideNotificationbar) && widgetId === WIDGETS.DISCUSSIONS) + || ((!isDiscussionbarAvailable || hideDiscussionbar) && widgetId === WIDGETS.NOTIFICATIONS)) { setLocalStorage(sidebarKey, null); } - }, [isDiscussionbarAvailable, isNotificationbarAvailable]); + }, [isDiscussionbarAvailable, isNotificationbarAvailable, hideDiscussionbar, hideNotificationbar]); const toggleSidebar = useCallback((sidebarId = null, widgetId = null) => { if (widgetId) { diff --git a/src/courseware/course/new-sidebar/sidebars/discussions-notifications/DiscussionsNotificationsSidebar.jsx b/src/courseware/course/new-sidebar/sidebars/discussions-notifications/DiscussionsNotificationsSidebar.jsx index f1d87b2a..d98ffcec 100644 --- a/src/courseware/course/new-sidebar/sidebars/discussions-notifications/DiscussionsNotificationsSidebar.jsx +++ b/src/courseware/course/new-sidebar/sidebars/discussions-notifications/DiscussionsNotificationsSidebar.jsx @@ -17,7 +17,7 @@ const DiscussionsNotificationsSidebar = () => { diff --git a/src/courseware/course/new-sidebar/sidebars/discussions-notifications/discussions/DiscussionsWidget.jsx b/src/courseware/course/new-sidebar/sidebars/discussions-notifications/discussions/DiscussionsWidget.jsx index d2e9c0ee..453c053d 100644 --- a/src/courseware/course/new-sidebar/sidebars/discussions-notifications/discussions/DiscussionsWidget.jsx +++ b/src/courseware/course/new-sidebar/sidebars/discussions-notifications/discussions/DiscussionsWidget.jsx @@ -3,6 +3,7 @@ import React, { useContext } from 'react'; import { ensureConfig, getConfig } from '@edx/frontend-platform'; import { useIntl } from '@edx/frontend-platform/i18n'; import classNames from 'classnames'; + import SidebarContext from '../../../SidebarContext'; import messages from '../../../messages'; @@ -24,7 +25,10 @@ const DiscussionsWidget = () => { return (