fixbug add students

Author: rockstarr-programmerr

src/App.vue

@@ -18,7 +18,7 @@
       {{ messageText }}
       <template #action="{ attrs }">
         <v-btn
-          color="black"
+          color="white"
           text
           icon
           v-bind="attrs"

src/store/classroom.ts

@@ -123,12 +123,10 @@ export const classroom: Module<ClassroomState, RootState> = {
       commit('REMOVE_CLASSROOM', pk)
     },
 
-    async addStudents ({ state, commit }, payload: AddStudentReq[]): Promise<void> {
+    async addStudents ({ state, dispatch }, payload: AddStudentReq[]): Promise<void> {
       if (state.currentClassroom === undefined) return
       await Api.classroom.addStudents(state.currentClassroom.pk, payload)
-      payload.forEach(student => {
-        commit('ADD_STUDENT_TO_CURRENT_CLASSROOM', student)
-      })
+      await dispatch('detail', state.currentClassroom.pk)
     },
 
     async removeStudents ({ state, commit }, payload: RemoveStudentReq[]): Promise<void> {

src/views/classroom/ClassroomList.vue

@@ -24,7 +24,11 @@
       class="mt-5"
     ></v-progress-circular>
 
-    <p v-else-if="noClassrooms" v-text="'You don\'t have any classroom yet.'" />
+    <p
+      v-else-if="noClassrooms"
+      class="mt-3"
+      v-text="'You don\'t have any classroom yet.'"
+    />
 
     <v-card
       v-else

src/views/reading-exercise/ReadingExerciseCreate.vue

@@ -34,6 +34,7 @@
           color="primary"
           :loading="loading"
           @click="save"
+          min-width="110"
         >
           Save
         </v-btn>

src/views/reading-exercise/ReadingExerciseList.vue

@@ -24,7 +24,11 @@
       class="mt-5"
     ></v-progress-circular>
 
-    <p v-else-if="noExercises" v-text="'You don\'t have any exercises yet.'" />
+    <p
+      v-else-if="noExercises"
+      class="mt-3"
+      v-text="'You don\'t have any exercises yet.'"
+    />
 
     <v-card
       v-else