From fa3ef9d81334d2abaeac998413c053d8f0eaf858 Mon Sep 17 00:00:00 2001
From: Allan Otodi Opeto <103313919+AllanOXDi@users.noreply.github.com>
Date: Wed, 11 Dec 2024 14:52:33 +0300
Subject: [PATCH 1/4] fixes uncategorized filtering in learn

---
 .../kolibri-common/components/SearchFiltersPanel/index.vue     | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/kolibri-common/components/SearchFiltersPanel/index.vue b/packages/kolibri-common/components/SearchFiltersPanel/index.vue
index eb6cf41bd24..13095ae4494 100644
--- a/packages/kolibri-common/components/SearchFiltersPanel/index.vue
+++ b/packages/kolibri-common/components/SearchFiltersPanel/index.vue
@@ -21,7 +21,6 @@
       v-if="windowIsLarge || !currentCategory"
       :class="windowIsLarge ? '' : 'drawer-panel'"
     >
-      <div v-if="Object.keys(availableLibraryCategories).length">
         <div v-if="!accordion">
           <!-- search by keyword -->
           <h2 class="title">
@@ -108,7 +107,7 @@
               />
             </div>
           </div>
-        </div>
+       
         <div v-if="accordion && !currentCategory">
           <!-- search by keyword -->
           <h2 class="title">

From 2d704b1ae6badef423dda897daad92c72e78805a Mon Sep 17 00:00:00 2001
From: Allan Otodi Opeto <103313919+AllanOXDi@users.noreply.github.com>
Date: Thu, 12 Dec 2024 16:20:26 +0300
Subject: [PATCH 2/4]  wrap  <h2> in  <div>

---
 .../components/SearchFiltersPanel/index.vue   | 54 ++++++++++---------
 1 file changed, 28 insertions(+), 26 deletions(-)

diff --git a/packages/kolibri-common/components/SearchFiltersPanel/index.vue b/packages/kolibri-common/components/SearchFiltersPanel/index.vue
index 13095ae4494..7e379b3772c 100644
--- a/packages/kolibri-common/components/SearchFiltersPanel/index.vue
+++ b/packages/kolibri-common/components/SearchFiltersPanel/index.vue
@@ -33,32 +33,34 @@
             :value="value.keywords || ''"
             @change="val => $emit('input', { ...value, keywords: val })"
           />
-          <h2 class="section title">
-            {{ $tr('categories') }}
-          </h2>
-          <!-- list of category metadata - clicking prompts a filter modal -->
-          <div
-            v-for="(category, key) in availableLibraryCategories"
-            :key="key"
-            span="4"
-            class="category-list-item"
-          >
-            <KButton
-              :text="coreString(category.value)"
-              appearance="flat-button"
-              :appearanceOverrides="
-                isCategoryActive(category.value)
-                  ? { ...categoryListItemStyles, ...categoryListItemActiveStyles }
-                  : categoryListItemStyles
-              "
-              :disabled="
-                availableRootCategories &&
-                  !availableRootCategories[category.value] &&
-                  !isCategoryActive(category.value)
-              "
-              :iconAfter="hasNestedCategories(key) ? 'chevronRight' : null"
-              @click="handleCategory(key)"
-            />
+          <div v-if="Object.keys(availableLibraryCategories).length">
+            <h2 class="section title">
+              {{ $tr('categories') }}
+            </h2>
+            <!-- list of category metadata - clicking prompts a filter modal -->
+            <div
+              v-for="(category, key) in availableLibraryCategories"
+              :key="key"
+              span="4"
+              class="category-list-item"
+            >
+              <KButton
+                :text="coreString(category.value)"
+                appearance="flat-button"
+                :appearanceOverrides="
+                  isCategoryActive(category.value)
+                    ? { ...categoryListItemStyles, ...categoryListItemActiveStyles }
+                    : categoryListItemStyles
+                "
+                :disabled="
+                  availableRootCategories &&
+                    !availableRootCategories[category.value] &&
+                    !isCategoryActive(category.value)
+                "
+                :iconAfter="hasNestedCategories(key) ? 'chevronRight' : null"
+                @click="handleCategory(key)"
+              />
+            </div>
           </div>
           <div
             span="4"

From c9f4bcd7dbee11147a06559a1c7e115e60e8352a Mon Sep 17 00:00:00 2001
From: Allan Otodi Opeto <103313919+AllanOXDi@users.noreply.github.com>
Date: Thu, 12 Dec 2024 18:25:33 +0300
Subject: [PATCH 3/4]   <div> in  <div>

---
 .../components/SearchFiltersPanel/index.vue   | 32 +++++++++----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/packages/kolibri-common/components/SearchFiltersPanel/index.vue b/packages/kolibri-common/components/SearchFiltersPanel/index.vue
index 7e379b3772c..a8f3f9912e3 100644
--- a/packages/kolibri-common/components/SearchFiltersPanel/index.vue
+++ b/packages/kolibri-common/components/SearchFiltersPanel/index.vue
@@ -61,22 +61,22 @@
                 @click="handleCategory(key)"
               />
             </div>
-          </div>
-          <div
-            span="4"
-            class="category-list-item"
-          >
-            <KButton
-              :text="coreString('uncategorized')"
-              appearance="flat-button"
-              :appearanceOverrides="
-                isCategoryActive('no_categories')
-                  ? { ...categoryListItemStyles, ...categoryListItemActiveStyles }
-                  : categoryListItemStyles
-              "
-              @click="noCategories"
-            />
-          </div>
+            <div
+              span="4"
+              class="category-list-item"
+            >
+              <KButton
+                :text="coreString('uncategorized')"
+                appearance="flat-button"
+                :appearanceOverrides="
+                  isCategoryActive('no_categories')
+                    ? { ...categoryListItemStyles, ...categoryListItemActiveStyles }
+                    : categoryListItemStyles
+                "
+                @click="noCategories"
+              />
+            </div>
+        </div>
           <ActivityButtonsGroup
             v-if="showActivities"
             class="section"

From 53267c9786b432927bff3903dd20294c451896eb Mon Sep 17 00:00:00 2001
From: "pre-commit-ci-lite[bot]"
 <117423508+pre-commit-ci-lite[bot]@users.noreply.github.com>
Date: Thu, 12 Dec 2024 15:29:51 +0000
Subject: [PATCH 4/4] [pre-commit.ci lite] apply automatic fixes

---
 .../components/SearchFiltersPanel/index.vue   | 168 +++++++++---------
 1 file changed, 84 insertions(+), 84 deletions(-)

diff --git a/packages/kolibri-common/components/SearchFiltersPanel/index.vue b/packages/kolibri-common/components/SearchFiltersPanel/index.vue
index a8f3f9912e3..c625004f0be 100644
--- a/packages/kolibri-common/components/SearchFiltersPanel/index.vue
+++ b/packages/kolibri-common/components/SearchFiltersPanel/index.vue
@@ -21,95 +21,95 @@
       v-if="windowIsLarge || !currentCategory"
       :class="windowIsLarge ? '' : 'drawer-panel'"
     >
-        <div v-if="!accordion">
-          <!-- search by keyword -->
-          <h2 class="title">
-            {{ $tr('keywords') }}
+      <div v-if="!accordion">
+        <!-- search by keyword -->
+        <h2 class="title">
+          {{ $tr('keywords') }}
+        </h2>
+        <SearchBox
+          key="channel-search"
+          ref="searchBox"
+          :placeholder="coreString('findSomethingToLearn')"
+          :value="value.keywords || ''"
+          @change="val => $emit('input', { ...value, keywords: val })"
+        />
+        <div v-if="Object.keys(availableLibraryCategories).length">
+          <h2 class="section title">
+            {{ $tr('categories') }}
           </h2>
-          <SearchBox
-            key="channel-search"
-            ref="searchBox"
-            :placeholder="coreString('findSomethingToLearn')"
-            :value="value.keywords || ''"
-            @change="val => $emit('input', { ...value, keywords: val })"
-          />
-          <div v-if="Object.keys(availableLibraryCategories).length">
-            <h2 class="section title">
-              {{ $tr('categories') }}
-            </h2>
-            <!-- list of category metadata - clicking prompts a filter modal -->
-            <div
-              v-for="(category, key) in availableLibraryCategories"
-              :key="key"
-              span="4"
-              class="category-list-item"
-            >
-              <KButton
-                :text="coreString(category.value)"
-                appearance="flat-button"
-                :appearanceOverrides="
-                  isCategoryActive(category.value)
-                    ? { ...categoryListItemStyles, ...categoryListItemActiveStyles }
-                    : categoryListItemStyles
-                "
-                :disabled="
-                  availableRootCategories &&
-                    !availableRootCategories[category.value] &&
-                    !isCategoryActive(category.value)
-                "
-                :iconAfter="hasNestedCategories(key) ? 'chevronRight' : null"
-                @click="handleCategory(key)"
-              />
-            </div>
-            <div
-              span="4"
-              class="category-list-item"
-            >
-              <KButton
-                :text="coreString('uncategorized')"
-                appearance="flat-button"
-                :appearanceOverrides="
-                  isCategoryActive('no_categories')
-                    ? { ...categoryListItemStyles, ...categoryListItemActiveStyles }
-                    : categoryListItemStyles
-                "
-                @click="noCategories"
-              />
-            </div>
+          <!-- list of category metadata - clicking prompts a filter modal -->
+          <div
+            v-for="(category, key) in availableLibraryCategories"
+            :key="key"
+            span="4"
+            class="category-list-item"
+          >
+            <KButton
+              :text="coreString(category.value)"
+              appearance="flat-button"
+              :appearanceOverrides="
+                isCategoryActive(category.value)
+                  ? { ...categoryListItemStyles, ...categoryListItemActiveStyles }
+                  : categoryListItemStyles
+              "
+              :disabled="
+                availableRootCategories &&
+                  !availableRootCategories[category.value] &&
+                  !isCategoryActive(category.value)
+              "
+              :iconAfter="hasNestedCategories(key) ? 'chevronRight' : null"
+              @click="handleCategory(key)"
+            />
+          </div>
+          <div
+            span="4"
+            class="category-list-item"
+          >
+            <KButton
+              :text="coreString('uncategorized')"
+              appearance="flat-button"
+              :appearanceOverrides="
+                isCategoryActive('no_categories')
+                  ? { ...categoryListItemStyles, ...categoryListItemActiveStyles }
+                  : categoryListItemStyles
+              "
+              @click="noCategories"
+            />
+          </div>
         </div>
-          <ActivityButtonsGroup
-            v-if="showActivities"
-            class="section"
-            @input="handleActivity"
-          />
-          <!-- Filter results by learning activity, displaying all options -->
-          <SelectGroup
-            v-model="inputValue"
-            :showChannels="showChannels"
-            class="section"
-          />
+        <ActivityButtonsGroup
+          v-if="showActivities"
+          class="section"
+          @input="handleActivity"
+        />
+        <!-- Filter results by learning activity, displaying all options -->
+        <SelectGroup
+          v-model="inputValue"
+          :showChannels="showChannels"
+          class="section"
+        />
+        <div
+          v-if="Object.keys(availableResourcesNeeded).length"
+          class="section"
+        >
+          <h2 class="title">
+            {{ coreString('showResources') }}
+          </h2>
           <div
-            v-if="Object.keys(availableResourcesNeeded).length"
-            class="section"
+            v-for="(val, activity) in availableResourcesNeeded"
+            :key="activity"
+            span="4"
+            alignment="center"
           >
-            <h2 class="title">
-              {{ coreString('showResources') }}
-            </h2>
-            <div
-              v-for="(val, activity) in availableResourcesNeeded"
-              :key="activity"
-              span="4"
-              alignment="center"
-            >
-              <KCheckbox
-                :checked="value.learner_needs[val]"
-                :label="coreString(activity)"
-                :disabled="availableNeeds && !availableNeeds[val]"
-                @change="handleNeed(val)"
-              />
-            </div>
+            <KCheckbox
+              :checked="value.learner_needs[val]"
+              :label="coreString(activity)"
+              :disabled="availableNeeds && !availableNeeds[val]"
+              @change="handleNeed(val)"
+            />
           </div>
-       
+        </div>
+
         <div v-if="accordion && !currentCategory">
           <!-- search by keyword -->
           <h2 class="title">