[O] Pass in unique course instead of course info

src/pages/course-selection/course-selection.ts

@@ -24,7 +24,7 @@ export default class CourseSelection extends Vue
 
     openedPage: string = '';
     settings: SearchSettings = new SearchSettings();
-    activeCourseIndex: number = -1;
+    activeCourse: UniqueCourse = new UniqueCourse('', [], -1);
 
     /**
      * Called before rendering

src/pages/course-selection/course-selection.vue

@@ -5,7 +5,7 @@
                 <el-card class="left" :style="{height: cardsHeight + 'px'}">
                     <SearchSettings v-if="openedPage === 'settings'" ref="settings" :settings="settings"/>
                     <Welcome v-if="openedPage === ''" :app="app"/>
-                    <CourseDetail v-if="openedPage === 'course'" :course-info="courseInfo[activeCourseIndex]"/>
+                    <CourseDetail v-if="openedPage === 'course'" :course-info="activeCourse"/>
                 </el-card>
             </el-col>
 

src/pages/course-selection/pages/course-detail.vue

@@ -6,12 +6,12 @@
 
 <script lang="ts">
     import {Component, Prop, Vue} from 'vue-property-decorator'
-    import CourseInfo from '@/logic/course-info';
+    import CourseInfo, {UniqueCourse} from '@/logic/course-info';
 
     @Component
     export default class CourseDetail extends Vue
     {
-        @Prop({required: true}) courseInfo: CourseInfo;
+        @Prop({required: true}) courseInfo: UniqueCourse;
     }
 </script>