Rename courseUsageKey to courseId

src/courseware/course/sequence/Sequence.jsx

@@ -19,7 +19,7 @@ const ContentLock = React.lazy(() => import('./content-lock'));
 function Sequence({
   unitId,
   sequenceId,
-  courseUsageKey,
+  courseId,
   unitNavigationHandler,
   nextSequenceHandler,
   previousSequenceHandler,
@@ -140,7 +140,7 @@ function Sequence({
               )}
             >
               <ContentLock
-                courseUsageKey={courseUsageKey}
+                courseId={courseId}
                 sequenceTitle={sequence.title}
                 prereqSectionName={sequence.gatedContent.gatedSectionName}
                 prereqId={sequence.gatedContent.prereqId}
@@ -184,7 +184,7 @@ function Sequence({
 Sequence.propTypes = {
   unitId: PropTypes.string,
   sequenceId: PropTypes.string,
-  courseUsageKey: PropTypes.string.isRequired,
+  courseId: PropTypes.string.isRequired,
   unitNavigationHandler: PropTypes.func.isRequired,
   nextSequenceHandler: PropTypes.func.isRequired,
   previousSequenceHandler: PropTypes.func.isRequired,

src/courseware/course/sequence/content-lock/ContentLock.jsx

@@ -9,10 +9,10 @@ import { Button } from '@edx/paragon';
 import messages from './messages';
 
 function ContentLock({
-  intl, courseUsageKey, prereqSectionName, prereqId, sequenceTitle,
+  intl, courseId, prereqSectionName, prereqId, sequenceTitle,
 }) {
   const handleClick = useCallback(() => {
-    history.replace(`/course/${courseUsageKey}/${prereqId}`);
+    history.replace(`/course/${courseId}/${prereqId}`);
   });
 
   return (
@@ -36,7 +36,7 @@ function ContentLock({
 }
 ContentLock.propTypes = {
   intl: intlShape.isRequired,
-  courseUsageKey: PropTypes.string.isRequired,
+  courseId: PropTypes.string.isRequired,
   prereqSectionName: PropTypes.string.isRequired,
   prereqId: PropTypes.string.isRequired,
   sequenceTitle: PropTypes.string.isRequired,