Restructue course route to use common page (#126)

Author: GangaChatrvedi

src/Routes.js

@@ -11,18 +11,13 @@ import ProfileView from 'src/views/pages/ProfileView';
 import ApplicationsView from 'src/views/pages/ApplicationsView';
 import Error404View from 'src/views/pages/Error404View';
 import StudentDashboardView from 'src/views/pages/StudentDashboardView';
-
-import MachineLearningView from 'src/views/pages/Courses/MachineLearningView';
-import AlgoJavaView from 'src/views/pages/Courses/AlgoJavaView';
-import AlgoPythonView from 'src/views/pages/Courses/AlgoPythonView';
-import WebFullStakView from 'src/views/pages/Courses/WebFullStakView';
-import CompetitiveJavaView from 'src/views/pages/Courses/CompetitiveJavaView';
-import PythonDevelopmentView from 'src/views/pages/Courses/PythonDevelopmentView';
+import CoursePage from 'src/views/pages/Courses/CoursePage';
 import TermsView from './views/pages/documents/termsView';
 import DocsLayout from './layouts/DocsLayout';
 import PrivacyView from './views/pages/documents/privacyView';
 import RefundView from './views/pages/documents/refundView';
 import ScrollReset from './components/ScrollReset';
+import coursesContent from 'src/data/courses';
 
 const renderRoutes = () => (
   <Suspense fallback={<LoadingScreen />}>
@@ -107,7 +102,7 @@ const renderRoutes = () => (
         exact
         render={props => (
           <MainLayout>
-            <MachineLearningView {...props} />
+            <CoursePage course={coursesContent.advanced.machineLearning} {...props} />
           </MainLayout>
         )}
       />
@@ -116,7 +111,7 @@ const renderRoutes = () => (
         exact
         render={props => (
           <MainLayout>
-            <AlgoJavaView {...props} />
+            <CoursePage course={coursesContent.foundation.algoJava} {...props} />
           </MainLayout>
         )}
       />
@@ -125,7 +120,7 @@ const renderRoutes = () => (
         exact
         render={props => (
           <MainLayout>
-            <AlgoPythonView {...props} />
+            <CoursePage course={coursesContent.foundation.algoPython} {...props} />
           </MainLayout>
         )}
       />
@@ -134,7 +129,7 @@ const renderRoutes = () => (
         exact
         render={props => (
           <MainLayout>
-            <WebFullStakView {...props} />
+            <CoursePage course={coursesContent.advanced.webDevelopment} {...props} />
           </MainLayout>
         )}
       />
@@ -143,7 +138,7 @@ const renderRoutes = () => (
         exact
         render={props => (
           <MainLayout>
-            <CompetitiveJavaView {...props} />
+            <CoursePage course={coursesContent.advanced.competitiveJava} {...props} />
           </MainLayout>
         )}
       />
@@ -152,7 +147,7 @@ const renderRoutes = () => (
         exact
         render={props => (
           <MainLayout>
-            <PythonDevelopmentView {...props} />
+            <CoursePage course={coursesContent.foundation.devPython} {...props} />
           </MainLayout>
         )}
       />

src/views/pages/Courses/AlgoJavaView/index.js

@@ -7,26 +7,22 @@ import FAQ from '../FAQ';
 import CTA from '../CTA';
 import FinalAction from '../FinalAction';
 import Schedule from '../Schedule';
-import coursesContent from 'src/data/courses';
 import Major from '../Major';
 import Features from '../Features';
 import Process from '../Process';
 
-const advanced = coursesContent.advanced;
-const course = advanced.webDevelopment;
-const batch = course.schedule[0];
-
 const useStyles = makeStyles(() => ({
   root: {}
 }));
 
-function CoursesView() {
+function CoursePage({ course }) {
+  const batch = course.schedule[0];
+
   const classes = useStyles();
 
   return (
     <Page className={classes.root} title={course.title}>
       <Major course={course} />
-      {/* <CourseRecommendations /> */}
       <Process />
       <Schedule course={course} />
       <Features />
@@ -39,4 +35,4 @@ function CoursesView() {
   );
 }
 
-export default CoursesView;
+export default CoursePage;