[M] Rename graph-average to overall-bar

src/pages/overall/overall-bar/overall-bar.ts

@@ -5,7 +5,7 @@ import Constants from '@/constants';
 
 @Component({
 })
-export default class GraphAverage extends Vue
+export default class OverallBar extends Vue
 {
     // @ts-ignore
     @Prop({required: true}) courses: Course[];

src/pages/overall/overall-bar/overall-bar.vue

@@ -5,5 +5,5 @@
     </div>
 </template>
 
-<script src="./graph-average.ts" lang="ts"></script>
+<script src="./overall-bar.ts" lang="ts"></script>
-<style src="./graph-average.scss" lang="scss"></style>
+<style src="./overall-bar.scss" lang="scss"></style>

src/pages/overall/overall.ts

@@ -1,11 +1,11 @@
 import {Component, Prop, Vue} from 'vue-property-decorator';
 import OverallLine from '@/pages/overall/overall-line/overall-line';
-import GraphAverage from '@/pages/overall/graph-average/graph-average';
+import OverallBar from '@/pages/overall/overall-bar/overall-bar';
 import {Course} from '@/components/app/app';
 import {GPAUtils} from '@/utils/gpa-utils';
 
 @Component({
-    components: {OverallLine, GraphAverage}
+    components: {OverallLine, OverallBar}
 })
 export default class Overall extends Vue
 {

src/pages/overall/overall.vue

@@ -20,7 +20,7 @@
             </el-col>
             <el-col :span="6">
                 <el-card class="graph-average-card">
-                    <graph-average :courses="courses"></graph-average>
+                    <overall-bar :courses="courses"></overall-bar>
                 </el-card>
             </el-col>
         </el-row>