diff --git a/package.json b/package.json index 70c31942..59383777 100644 --- a/package.json +++ b/package.json @@ -14,7 +14,7 @@ "build": "fedx-scripts webpack", "i18n_extract": "BABEL_ENV=i18n fedx-scripts babel src --quiet > /dev/null", "is-es5": "es-check es5 ./dist/*.js", - "lint": "fedx-scripts eslint", + "lint": "fedx-scripts eslint --ext .js --ext .jsx .", "snapshot": "fedx-scripts jest --updateSnapshot", "start": "fedx-scripts webpack-dev-server --progress", "test": "fedx-scripts jest --coverage --passWithNoTests" diff --git a/src/courseware/CourseContainer.jsx b/src/courseware/CourseContainer.jsx index 595d7828..7bcde8db 100644 --- a/src/courseware/CourseContainer.jsx +++ b/src/courseware/CourseContainer.jsx @@ -42,7 +42,6 @@ function useLoadCourse(courseUsageKey) { setCourseId(blocksData.root); }); getCourse(courseUsageKey).then((data) => { - console.log(data); setMetadata(camelCaseObject(data)); }); }, [courseUsageKey]); diff --git a/src/courseware/sequence/SequenceNavigation.jsx b/src/courseware/sequence/SequenceNavigation.jsx index f9a2b33d..f20f8e29 100644 --- a/src/courseware/sequence/SequenceNavigation.jsx +++ b/src/courseware/sequence/SequenceNavigation.jsx @@ -19,7 +19,8 @@ export default function SequenceNavigation({ key={unit.id} {...unit} isComplete={showCompletion && unit.complete} - onClick={onNavigate.bind(null, index)} + index={index} + clickHandler={onNavigate} /> )); diff --git a/src/courseware/sequence/UnitButton.jsx b/src/courseware/sequence/UnitButton.jsx index ead7bef9..2fb67f56 100644 --- a/src/courseware/sequence/UnitButton.jsx +++ b/src/courseware/sequence/UnitButton.jsx @@ -1,4 +1,4 @@ -import React from 'react'; +import React, { useCallback } from 'react'; import PropTypes from 'prop-types'; import classNames from 'classnames'; import { Button } from '@edx/paragon'; @@ -7,12 +7,17 @@ import UnitIcon from './UnitIcon'; import CompleteIcon from './CompleteIcon'; export default function UnitButton({ - onClick, + clickHandler, pageTitle, type, isActive, isComplete, + index, }) { + const onClick = useCallback(() => { + clickHandler(index); + }); + return (