AA-478: correctly refresh outline data when refreshing dates (#292)

src/course-home/dates-banner/DatesBannerContainer.jsx

@@ -5,13 +5,14 @@ import { useDispatch, useSelector } from 'react-redux';
 import { useModel } from '../../generic/model-store';
 
 import DatesBanner from './DatesBanner';
-import { fetchDatesTab, resetDeadlines } from '../data/thunks';
+import { resetDeadlines } from '../data';
 
 function DatesBannerContainer({
   courseDateBlocks,
   datesBannerInfo,
   hasEnded,
   model,
+  tabFetch,
 }) {
   const {
     courseId,
@@ -53,7 +54,7 @@ function DatesBannerContainer({
     {
       name: 'resetDatesBanner',
       shouldDisplay: resetDates,
-      clickHandler: () => dispatch(resetDeadlines(courseId, fetchDatesTab)),
+      clickHandler: () => dispatch(resetDeadlines(courseId, tabFetch)),
     },
   ];
 
@@ -80,6 +81,7 @@ DatesBannerContainer.propTypes = {
   }).isRequired,
   hasEnded: PropTypes.bool,
   model: PropTypes.string.isRequired,
+  tabFetch: PropTypes.func.isRequired,
 };
 
 DatesBannerContainer.defaultProps = {

src/course-home/dates-tab/DatesTab.jsx

@@ -6,6 +6,7 @@ import messages from './messages';
 import Timeline from './Timeline';
 import DatesBannerContainer from '../dates-banner/DatesBannerContainer';
 
+import { fetchDatesTab } from '../data';
 import { useModel } from '../../generic/model-store';
 
 function DatesTab({ intl }) {
@@ -29,6 +30,7 @@ function DatesTab({ intl }) {
         datesBannerInfo={datesBannerInfo}
         hasEnded={hasEnded}
         model="dates"
+        tabFetch={fetchDatesTab}
       />
       <Timeline />
     </>

src/course-home/outline-tab/OutlineTab.jsx

@@ -10,6 +10,7 @@ import CourseGoalCard from './widgets/CourseGoalCard';
 import CourseHandouts from './widgets/CourseHandouts';
 import CourseTools from './widgets/CourseTools';
 import DatesBannerContainer from '../dates-banner/DatesBannerContainer';
+import { fetchOutlineTab } from '../data';
 import genericMessages from '../../generic/messages';
 import messages from './messages';
 import Section from './Section';
@@ -134,6 +135,7 @@ function OutlineTab({ intl }) {
             datesBannerInfo={datesBannerInfo}
             hasEnded={hasEnded}
             model="outline"
+            tabFetch={fetchOutlineTab}
           />
           <WelcomeMessage courseId={courseId} />
           {rootCourseId && (

src/instructor-toolbar/InstructorToolbar.jsx

@@ -29,7 +29,7 @@ function getStudioUrl(courseId, unitId) {
     if (unitId) {
       urlFull = `${urlBase}/container/${unitId}`;
     } else if (courseId) {
-      urlFull = `{$urlBase}/course/${courseId}`;
+      urlFull = `${urlBase}/course/${courseId}`;
     }
   }
   return urlFull;