clean up unused props

Author: emily-yang

src/components/lesson/LessonInfo.js

@@ -11,7 +11,7 @@ const LessonInfo = ({ lesson, base_path, course_size }) => {
   const nextPath = order < course_size - 1 ? `/courses/${base_path}/${order + 1}` : undefined;
   return (
     <div className="lesson-info">
-      <LessonNavBar order={order} base_path={base_path} course_size={course_size} prev_path={prevPath} next_path={nextPath} />
+      <LessonNavBar className="lesson-nav" order={order} base_path={base_path} course_size={course_size} prev_path={prevPath} next_path={nextPath} />
       <h4 id="lesson-playing">Now playing:</h4>
       <h2>{title || 'Lesson'}</h2>
       <hr />

src/components/lesson/LessonNavBar.js

@@ -25,8 +25,8 @@ LessonNavBar.propTypes = {
 };
 
 LessonNavBar.defaultProps = {
-  prev_path: undefined,
-  next_path: undefined,
+  prev_path: '',
+  next_path: '',
 };
 
 export default LessonNavBar;

src/components/lesson/LessonsPane.js

@@ -4,13 +4,12 @@ import { LessonLink } from '..';
 import '../../css/lesson/LessonsPane.scss';
 import LessonNavBar from './LessonNavBar';
 
-// TODO: add next and previous course buttons
 const LessonsPane = ({ course_title, lessons, curr_lesson_num, base_path, prev_slug, next_slug }) => (
   <div className="lessons-pane">
     <h2>
-      <LessonNavBar className="course-nav" prev_path={prev_slug ? `/courses/${prev_slug}/0`: undefined} next_path={next_slug ? `/courses/${next_slug}/0` : undefined} />
+      <LessonNavBar className="course-nav" prev_path={prev_slug ? `/courses/${prev_slug}/0`: ''} next_path={next_slug ? `/courses/${next_slug}/0` : ''} />
       {course_title}
-</h2>
+    </h2>
     {lessons.map(({ order, title, length }) => (
       <LessonLink
         key={order}
@@ -40,7 +39,7 @@ LessonsPane.propTypes = {
 };
 
 LessonsPane.defaultProps = {
-  prev_slug: undefined,
-  next_slug: undefined,
+  prev_slug: '',
+  next_slug: '',
 };
 export default LessonsPane;

src/components/pages/LessonPage.js

@@ -4,7 +4,7 @@ import { Lesson, LessonsPane } from '..';
 import '../../css/pages/LessonPage.scss';
 
 function LessonPage(props) {
-  const { curr_lesson_num, lessons, base_path, course_title, prev_slug, next_slug } = props;
+  const { curr_lesson_num, lessons, base_path } = props;
   // const { title, src, description, id } = lessons.find(elem => elem.id === activeId);
   const lesson = lessons[curr_lesson_num];
   const total = lessons.length;
@@ -13,12 +13,6 @@ function LessonPage(props) {
     <div className="lesson-page">
       <Lesson lesson={lesson} course_size={total} base_path={base_path}/>
       <LessonsPane
-        // course_title={course_title}
-        // lessons={lessons}
-        // curr_lesson_num={curr_lesson_num}
-        // base_path={base_path}
-        // prev_slug={prev_slug}
-        // next_slug={next_slug}
         {...props}
       />
     </div>
@@ -38,6 +32,13 @@ LessonPage.propTypes = {
     }),
   ).isRequired,
   base_path: PropTypes.string.isRequired,
+  prev_slug: PropTypes.string,
+  next_slug: PropTypes.string,
+};
+
+LessonPage.defaultProps = {
+  prev_slug: '',
+  next_slug: '',
 };
 
 export default LessonPage;