From 1ceee065e36925f009a63d2eafd22c5ad0f006bb Mon Sep 17 00:00:00 2001
From: Jacob Pierce <w.jacobpierce@gmail.com>
Date: Thu, 16 Nov 2023 15:09:41 -0800
Subject: [PATCH] fix eternal loading state when navigation routes

---
 .../plan/CreateExamPage/CreateQuizSection.vue | 28 +++++++++++++++----
 .../src/views/plan/CreateExamPage/index.vue   |  4 +++
 2 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/CreateQuizSection.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/CreateQuizSection.vue
index 0f21e573849..e7b78407e30 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/CreateQuizSection.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/CreateQuizSection.vue
@@ -109,6 +109,28 @@
     >
       <!-- TODO This should be a separate component like "empty section container" or something -->
       <div v-if="!quizForge.activeQuestions.value.length" class="no-question-style">
+        <KGrid class="questions-list-label-row">
+          <KGridItem
+            class="right-side-heading"
+            style="padding: 0.7em 0.75em;"
+          >
+            <KButton
+              primary
+              :text="coreString('optionsLabel')"
+            >
+              <template #menu>
+                <KDropdownMenu
+                  :primary="false"
+                  :disabled="false"
+                  :hasIcons="true"
+                  :options="activeSectionActions"
+                  @tab="e => (e.preventDefault() || $refs.selectAllCheckbox.focus())"
+                  @select="handleActiveSectionAction"
+                />
+              </template>
+            </KButton>
+          </KGridItem>
+        </KGrid>
         <div class="question-mark-layout">
           <span class="help-icon-style">?</span>
         </div>
@@ -439,9 +461,6 @@
         ];
       },
     },
-    mounted() {
-      this.$store.dispatch('notLoading');
-    },
     methods: {
       handleReplaceSelection() {
         const section_id = get(this.quizForge.activeSection).section_id;
@@ -454,7 +473,6 @@
             this.$router.replace({ path: 'new/' + section_id + '/edit' });
             break;
           case this.deleteSectionLabel$():
-            console.log('Deleting, ', this.quizForge.activeSection.value.section_id);
             this.quizForge.removeSection(this.quizForge.activeSection.value.section_id);
             this.focusActiveSectionTab();
             break;
@@ -698,7 +716,7 @@
   }
 
   /deep/ .overflow-tabs svg {
-    top: 7px !important;
+    top: 5px !important;
   }
 
   .select-all-box {
diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/index.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/index.vue
index fba6c77f1c5..0ed911db4a6 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/index.vue
@@ -103,6 +103,10 @@
       },
     },
     watch: {
+      $route: function() {
+        // FIXME Coach shouldn't be setting loading in a beforeEach here maybe?
+        this.$store.dispatch('notLoading');
+      },
       filters(newVal) {
         this.$router.push({
           query: { ...this.$route.query, ...pickBy(newVal) },