feat: add stats, fix minor calendar reduce

added intial valuee for `reduce`

Author: stadial

components/ClassesCalendar.vue

@@ -133,7 +133,7 @@ export default {
       let rand_number = e.name
         .split('')
         .map((c) => c.codePointAt(0))
-        .reduce((a, b) => a + b)
+        .reduce((a, b) => a + b, 0)
       let l = this.colors.length
       return this.colors[rand_number % l]
     },

components/ClassesSelectedStats.vue

@@ -1,12 +1,36 @@
 <template>
   <v-row justify="center" align="center">
-    <v-col cols="12" sm="12" md="10" lg="8">
-      <v-card class="py-4 d-flex flex-column align-center">
-        <div>Total Hours : 10</div>
-        <div>1 2 3 4 5</div>
+    <v-col cols="12" sm="12" md="12" lg="8">
+      <v-card>
+        <v-card-title> Total Credits: {{ totalCredits }}</v-card-title>
+        <div class="text-center">
+          <v-chip
+            class="ma-2"
+            v-for="clas in selectedClasses"
+            :key="clas.crn"
+            close
+          >
+            {{ clas.name }}{{ clas.credits }} {{ clas.crn }}
+          </v-chip>
+        </div>
       </v-card>
     </v-col>
   </v-row>
 </template>
 
-<script lang="ts"></script>
+<script>
+export default {
+  data() {
+    return {}
+  },
+  props: {
+    selectedClasses: { type: Array, default: [] },
+  },
+  computed: {
+    totalCredits() {
+      console.log(this.selectedClasses)
+      return this.selectedClasses.reduce((a, b) => a + b.credits, 0)
+    },
+  },
+}
+</script>