shift courses to nested location

Author: KeenWarrior

src/Routes.js

@@ -7,13 +7,7 @@ import HomeView from 'src/views/pages/HomeView';
 import CAView from 'src/views/pages/CLView';
 import EventsView from 'src/views/pages/EventsView';
 import LoadingScreen from 'src/components/LoadingScreen';
-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 CoursesView from 'src/views/pages/CoursesView';
+import Courses from 'src/views/pages/Courses';
 import ProfileView from 'src/views/pages/ProfileView'
 import ApplicationsView from 'src/views/pages/ApplicationsView'
 
@@ -102,7 +96,7 @@ const routesConfig = [
       {
         exact: true,
         path: '/courses',
-        component: CoursesView
+        component: Courses
       },
       {
         component: () => <Redirect to="/404" />
@@ -136,72 +130,7 @@ const routesConfig = [
       }
     ]
   },
-  {
-    path: '/machine-learning-using-python',
-    layout: MainLayout,
-    routes: [
-      {
-        exact: true,
-        path: '/machine-learning-using-python',
-        component: MachineLearningView
-      }
-    ]
-  },
-  {
-    path: '/ds-algo-with-java',
-    layout: MainLayout,
-    routes: [
-      {
-        exact: true,
-        path: '/ds-algo-with-java',
-        component: AlgoJavaView
-      }
-    ]
-  },
-  {
-    path: '/ds-algo-with-python',
-    layout: MainLayout,
-    routes: [
-      {
-        exact: true,
-        path: '/ds-algo-with-python',
-        component: AlgoPythonView
-      }
-    ]
-  },
-  {
-    path: '/fullstack-webdev-with-js',
-    layout: MainLayout,
-    routes: [
-      {
-        exact: true,
-        path: '/fullstack-webdev-with-js',
-        component: WebFullStakView
-      }
-    ]
-  },
-  {
-    path: '/competitive-programming-using-java',
-    layout: MainLayout,
-    routes: [
-      {
-        exact: true,
-        path: '/competitive-programming-using-java',
-        component: CompetitiveJavaView
-      }
-    ]
-  },
-  {
-    path: '/application-dev-using-python',
-    layout: MainLayout,
-    routes: [
-      {
-        exact: true,
-        path: '/application-dev-using-python',
-        component: PythonDevelopmentView
-      }
-    ]
-  },
+
   {
     path: '*',
     layout: MainLayout,

src/data/courses/advanced/CompetitiveJava.js

@@ -2,7 +2,7 @@ export const competitiveJava = {
   difficulty: 'Intermediate',
   duration: '30 Lectures',
   level: 'Level 2',
-  link: '/competitive-programming-using-java',
+  link: '/courses/competitive-programming-using-java',
   domain: 'Interview Prepration',
   title: 'Competitve Programming using Java',
   upcoming: 'Oct 1st',

src/data/courses/advanced/MachineLearning.js

@@ -2,7 +2,7 @@ export const machineLearning = {
   difficulty: 'Intermediate',
   duration: '30 Lectures',
   level: 'Level 2',
-  link: '/machine-learning-using-python',
+  link: '/courses/machine-learning-using-python',
   domain: 'Artificial Intelligence',
   title: 'Master Machine Learning using Python',
   upcoming: 'Oct 1st',

src/data/courses/advanced/WebDevelopment.js

@@ -2,7 +2,7 @@ export const webDevelopment = {
   difficulty: 'Intermediate',
   duration: '30 Lectures',
   level: 'Level 2',
-  link: '/fullstack-webdev-with-js',
+  link: '/courses/fullstack-webdev-with-js',
   domain: 'Web Development',
   title: 'Full Stack Web Development with JS',
   upcoming: 'Oct 1st',

src/data/courses/foundation/AlgoJava.js

@@ -2,7 +2,7 @@ export const algoJava = {
   difficulty: 'Foundation',
   duration: '30 Lectures',
   level: 'Level 1',
-  link: '/ds-algo-with-java',
+  link: '/courses/ds-algo-with-java',
   domain: 'Algorithms',
   title: 'Data Structure and Algorithms with Java',
   upcoming: 'Oct 1st',

src/data/courses/foundation/AlgoPython.js

@@ -2,7 +2,7 @@ export const algoPython = {
   difficulty: 'Foundation',
   duration: '30 Lectures',
   level: 'Level 1',
-  link: '/ds-algo-with-python',
+  link: '/courses/ds-algo-with-python',
   domain: 'Algorithms',
   title: 'Data Structure and Algorithms with Python',
   upcoming: 'Oct 1st',

src/data/courses/foundation/DevPython.js

@@ -2,7 +2,7 @@ export const devPython = {
   difficulty: 'Foundation',
   duration: '24 Lectures',
   level: 'Level 1',
-  link: '/application-dev-using-python',
+  link: '/courses/application-dev-using-python',
   domain: 'Development',
   title: 'Application Development with Python',
   upcoming: 'Oct 1st',

src/views/pages/ApplicationsView/index.js

@@ -2,15 +2,16 @@ import React from 'react';
 import { EditApplication } from './EditApplication';
 
 import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
+import CoursesView from '../CoursesView';
 
 function ApplicationsView({ match }) {
-
-  console.log("Matched in routing", match);
+  console.log('Matched in routing', match);
 
   return (
     <Router>
-      <Switch>
-        <Route path={`${match.path}/edit`} component={EditApplication}/>
+      <Switch> 
+        <Route path={`${match.path}/edit`} component={EditApplication} />
+        <Route path={`${match.path}/`} component={CoursesView} />
       </Switch>
     </Router>
   );

src/views/pages/Courses/index.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
+import CoursesView from '../CoursesView';
+
+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'
+
+
+function ApplicationsView({ match }) {
+  console.log('Matched in routing', match);
+
+  return (
+    <Router>
+      <Switch> 
+        <Route path={`${match.path}/machine-learning-using-python`} component={MachineLearningView} />
+        <Route path={`${match.path}/ds-algo-with-java`} component={AlgoJavaView} />
+        <Route path={`${match.path}/ds-algo-with-python`} component={AlgoPythonView} />
+        <Route path={`${match.path}/fullstack-webdev-with-js`} component={WebFullStakView} />
+        <Route path={`${match.path}/competitive-programming-using-java`} component={CompetitiveJavaView} />
+        <Route path={`${match.path}/application-dev-using-python`} component={PythonDevelopmentView} />
+        <Route path={`${match.path}/`} component={CoursesView} />
+      </Switch>
+    </Router>
+  );
+}
+
+export default ApplicationsView;