From 194f9b269a46894d7d234931c1c1153586bb2792 Mon Sep 17 00:00:00 2001
From: Hayato Shishido <engr.hayato24s@gmail.com>
Date: Sat, 1 Oct 2022 13:05:34 +0900
Subject: [PATCH] fix CardCourse and detail page bug

---
 src/ui/components/CardCourse.vue  | 2 +-
 src/ui/pages/course/_id/index.vue | 3 +--
 src/ui/store/course.ts            | 1 -
 3 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/ui/components/CardCourse.vue b/src/ui/components/CardCourse.vue
index c6af6684..98249d7f 100644
--- a/src/ui/components/CardCourse.vue
+++ b/src/ui/components/CardCourse.vue
@@ -66,7 +66,7 @@ export default defineComponent({
           @clickCheckbox.stop="emitCheckboxEvent"
         ></Checkbox>
       </div>
-      <div class="card-course__courseId">{{ course.id }}</div>
+      <div class="card-course__courseId">{{ course.code }}</div>
       <div class="card-course__courseName">{{ course.name }}</div>
       <div
         :class="{
diff --git a/src/ui/pages/course/_id/index.vue b/src/ui/pages/course/_id/index.vue
index 484780a3..b141518e 100644
--- a/src/ui/pages/course/_id/index.vue
+++ b/src/ui/pages/course/_id/index.vue
@@ -13,7 +13,6 @@
       <template #right-button-icon>
         <div v-click-away="closePopup">
           <ToggleIconButton
-            ref="btnRef"
             class="header__right-button-icon"
             size="large"
             color="normal"
@@ -181,7 +180,7 @@
 </template>
 
 <script setup lang="ts">
-import { ComputedRef, ref, watch, watchEffect } from "vue";
+import { ComputedRef, ref } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { NotFoundError } from "~/domain/error";
 import { registeredCourseToDisplay } from "~/presentation/presenters/course";
diff --git a/src/ui/store/course.ts b/src/ui/store/course.ts
index 4551c891..8703350a 100644
--- a/src/ui/store/course.ts
+++ b/src/ui/store/course.ts
@@ -58,7 +58,6 @@ export const setCourseById = async (id: string) => {
 export const addCoursesByCodes = async (
   inputData: { year: number; code: string }[]
 ) => {
-  console.log("addCoursesByCodes", courses.length);
   const result = await UseCase.addCoursesByCodes(ports)(inputData);
   if (isResultError(result)) throw result;
   addElementsInArray(courses, result);