Merge pull request #351 from appsembler/bryan/frontend-handle-slash-s…

…ep-course-ids Handle old, slash-separated course ids and course-vX:... style
appsembler · May 31, 2021 · 1cee763 · 1cee763
2 parents d3f5f4e + c3df86f
commit 1cee763
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/frontend/src/App.js b/frontend/src/App.js
@@ -50,7 +50,10 @@ class App extends Component {
                   <Route exact path="/figures/courses" component={CoursesList} />
                   <Route exact path="/figures/learners-progress-overview" component={ProgressOverview} />
                   {(process.env.ENABLE_CSV_REPORTS === "enabled") && <Route exact path="/figures/csv-reports" component={CsvReports} />}
-                  <Route path="/figures/course/:courseId" render={({ match }) => <SingleCourseContent courseId={match.params.courseId} />}/>
+                  {/* course-v..-like course ids */}
+                  <Route path="/figures/course/(?!(\/))" render={({ match }) => <SingleCourseContent courseId={match.params[0]} />}/>
+                  {/* old slash-separated course id style */}
+                  <Route path="/figures/course/:courseOrg/:courseNum/:courseRun" render={({ match }) => <SingleCourseContent courseId={`${match.params.courseOrg}/${match.params.courseNum}/${match.params.courseRun}`} />}/>
                   <Route path="/figures/user/:userId" render={({ match }) => <SingleUserContent userId={match.params.userId} />}/>
                   <Route path="/figures/report/:reportId" render={({ match }) => <SingleReportContent reportId={match.params.reportId} />}/>
                   <Route component={DashboardContent} />