From df792a57c8f38e96f01a2d20c2f95e58bf615cf8 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Mon, 27 Apr 2020 17:17:21 -0400
Subject: [PATCH] [+] Display star rating in course-detail

---
 src/pages/course-selection/pages/course-detail.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/pages/course-selection/pages/course-detail.vue b/src/pages/course-selection/pages/course-detail.vue
index 3ef86bf..01ed975 100644
--- a/src/pages/course-selection/pages/course-detail.vue
+++ b/src/pages/course-selection/pages/course-detail.vue
@@ -14,7 +14,13 @@
             </div>
 
             <div class="float-right">
-                <LoadingSpinner class="loading" size="30" :centered="false"/>
+                <LoadingSpinner v-if="course.rating == null" class="loading" size="30" :centered="false"/>
+                <div v-else class="rating">
+                    <span v-if="course.rating.totalCount === 0" class="text">No ratings yet...</span>
+                    <span v-else class="stars">
+                        <StarRating :score="course.rating.overallRating"></StarRating>
+                    </span>
+                </div>
             </div>
         </div>
     </div>
@@ -26,7 +32,9 @@
     import App from '@/components/app/app';
     import course from '@/logic/course';
     import LoadingSpinner from '@/components/loading-spinner.vue';
-    @Component({components: {LoadingSpinner}})
+    import loading from '@/components/overlays/loading.vue';
+    import StarRating from '@/components/star-rating.vue';
+    @Component({components: {StarRating, LoadingSpinner}})
     export default class CourseDetail extends Vue
     {
         @Prop({required: true}) uniqueCourse: UniqueCourse;