refactor UserSelectForCourse

src/components/Dialogs/DialogComponents/UserSelectForCourse.vue

@@ -11,15 +11,27 @@
       v-on:input="updateCourseMembers"
       v-bind:value="selectedMembers"
     />
+
+    <label
+      class="text-left w-100 d-block text--white available-seats-label"
+      v-if="availableSeatsInCourse === 0"
+      >This course is full. You won't be able to add any students.</label
+    >
     <label
-      v-if="isCourseSelected && !areNoAvailableSeats"
       class="text-left w-100 d-block text--white available-seats-label"
-      >You have
+      v-else-if="selectedMembers.length === 0"
+      >No users have been selected</label
+    >
+    <label
+      v-else-if="isCourseSelected && !areNoAvailableSeats"
+      class="text-left w-100 d-block text--white available-seats-label"
+      >You will have
       {{ availableSeatsInCourse }}
       available seat reservation{{
         availableSeatsInCourse === 1 ? "" : "s"
-      }}</label
-    >
+      }}
+      remaining after adding {{ selectedMembers.length }} to the course
+    </label>
   </div>
 </template>
 <script>