From 794c023772c1ecc69fce14dceb99ffdbe74f64c2 Mon Sep 17 00:00:00 2001
From: Marcella Maki <marcellamaki@gmail.com>
Date: Fri, 29 Oct 2021 11:18:23 -0400
Subject: [PATCH] Various code cleanup - deleting stale code, uncommenting
 necessary code, styles

---
 .../src/views/CategorySearchModal/index.vue   | 18 +++---
 .../views/EmbeddedSidePanel/SelectGroup.vue   |  5 +-
 .../src/views/HybridLearningCardGrid.vue      | 55 ++++++++-----------
 .../learn/assets/src/views/LearnIndex.vue     |  6 --
 4 files changed, 38 insertions(+), 46 deletions(-)

diff --git a/kolibri/plugins/learn/assets/src/views/CategorySearchModal/index.vue b/kolibri/plugins/learn/assets/src/views/CategorySearchModal/index.vue
index d82920cc0b9..219a7ba4139 100644
--- a/kolibri/plugins/learn/assets/src/views/CategorySearchModal/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/CategorySearchModal/index.vue
@@ -17,15 +17,17 @@
         v-on="$listeners"
       />
     </KModal>
+    <div v-else>
+      <h2>{{ $tr('title') }}</h2>
+      <CategorySearchModalOptions
+        :selectedCategory="selectedCategory"
+        :availableLabels="availableLabels"
+        span="1"
+        numCols="1"
+        v-on="$listeners"
+      />
+    </div>
 
-    <h2>{{ $tr('title') }}</h2>
-    <CategorySearchModalOptions
-      :selectedCategory="selectedCategory"
-      :availableLabels="availableLabels"
-      span="1"
-      numCols="1"
-      v-on="$listeners"
-    />
 
   </div>
 
diff --git a/kolibri/plugins/learn/assets/src/views/EmbeddedSidePanel/SelectGroup.vue b/kolibri/plugins/learn/assets/src/views/EmbeddedSidePanel/SelectGroup.vue
index 3293169d651..ef12ea529d4 100644
--- a/kolibri/plugins/learn/assets/src/views/EmbeddedSidePanel/SelectGroup.vue
+++ b/kolibri/plugins/learn/assets/src/views/EmbeddedSidePanel/SelectGroup.vue
@@ -7,6 +7,7 @@
       class="selector"
       :value="selectedLanguage"
       :label="coreString('languageLabel')"
+      :style="{ color: $themeTokens.text }"
       @change="val => handleChange('languages', val)"
     />
     <KSelect
@@ -15,6 +16,7 @@
       class="selector"
       :value="selectedLevel"
       :label="coreString('levelLabel')"
+      :style="{ color: $themeTokens.text }"
       @change="val => handleChange('grade_levels', val)"
     />
     <KSelect
@@ -23,6 +25,7 @@
       class="selector"
       :value="selectedChannel"
       :label="coreString('channelLabel')"
+      :style="{ color: $themeTokens.text }"
       @change="val => handleChange('channels', val)"
     />
     <KSelect
@@ -31,6 +34,7 @@
       class="selector"
       :value="selectedAccessibilityFilter"
       :label="coreString('accessibility')"
+      :style="{ color: $themeTokens.text }"
       @change="val => handleChange('accessibility_labels', val)"
     />
   </div>
@@ -162,7 +166,6 @@
     bottom: 45px;
     left: 10px;
     font-size: 12px;
-    color: black;
   }
 
   /deep/ .ui-select-label-text.is-floating {
diff --git a/kolibri/plugins/learn/assets/src/views/HybridLearningCardGrid.vue b/kolibri/plugins/learn/assets/src/views/HybridLearningCardGrid.vue
index 269ea0faf83..ac7c245b0d9 100644
--- a/kolibri/plugins/learn/assets/src/views/HybridLearningCardGrid.vue
+++ b/kolibri/plugins/learn/assets/src/views/HybridLearningCardGrid.vue
@@ -14,7 +14,7 @@
           :title="content.title"
           :thumbnail="content.thumbnail"
           :kind="content.kind"
-          :activityLength="content.activity_length"
+          :activityLength="content.duration"
           :isLeaf="content.is_leaf"
           :progress="content.progress_fraction || 0"
           :numCoachContents="content.num_coach_contents"
@@ -28,25 +28,26 @@
         />
       </KFixedGridItem>
     </KFixedGrid>
-    <HybridLearningLessonCard
-      v-for="content in contents"
-      v-else-if="currentPage === 'lessonPage' || (windowIsSmall && isLibraryPage)"
-      :key="content.id"
-      :contentNode="content"
-      :channelThumbnail="content.channel_thumbnail"
-      :channelTitle="content.channel_title"
-      :description="content.description"
-      :activityLength="content.activity_length"
-      :thumbnail="content.thumbnail || getContentNodeThumbnail(content)"
-      class="grid-item"
-      :isMobile="windowIsSmall"
-      :title="content.title"
-      :kind="content.kind"
-      :isLeaf="content.is_leaf"
-      :progress="content.progress || content.progress_fraction || 0"
-      :numCoachContents="content.num_coach_contents"
-      :link="genContentLink(content.id, content.is_leaf)"
-    />
+    <div v-else-if="currentPage === 'lessonPage' || (windowIsSmall && isLibraryPage)">
+      <HybridLearningLessonCard
+        v-for="content in contents"
+        :key="content.id"
+        :contentNode="content"
+        :channelThumbnail="content.channel_thumbnail"
+        :channelTitle="content.channel_title"
+        :description="content.description"
+        :activityLength="content.duration"
+        :thumbnail="content.thumbnail || getContentNodeThumbnail(content)"
+        class="grid-item"
+        :isMobile="windowIsSmall"
+        :title="content.title"
+        :kind="content.kind"
+        :isLeaf="content.is_leaf"
+        :progress="content.progress || content.progress_fraction || 0"
+        :numCoachContents="content.num_coach_contents"
+        :link="genContentLink(content.id, content.is_leaf)"
+      />
+    </div>
     <CardGrid
       v-else-if=" !isBookmarksPage && cardViewStyle === 'card' && windowIsSmall"
     >
@@ -67,7 +68,7 @@
       :channelThumbnail="content.channel_thumbnail"
       :channelTitle="content.channel_title"
       :description="content.description"
-      :activityLength="content.activity_length"
+      :activityLength="content.duration"
       :currentPage="currentPage"
       class="grid-item"
       :isMobile="windowIsSmall"
@@ -98,15 +99,14 @@
 
 <script>
 
-  import { validateLinkObject } from 'kolibri.utils.validators';
   import responsiveWindowMixin from 'kolibri.coreVue.mixins.responsiveWindowMixin';
   import { PageNames } from '../constants';
+  import genContentLink from '../utils/genContentLink';
   import HybridLearningContentCardListView from './HybridLearningContentCardListView';
   import HybridLearningContentCard from './HybridLearningContentCard';
   import HybridLearningLessonCard from './HybridLearningLessonCard';
   import ResourceCard from './cards/ResourceCard';
   import CardGrid from './cards/CardGrid';
-
   import CopiesModal from './CopiesModal';
 
   export default {
@@ -142,14 +142,6 @@
         type: Number,
         required: true,
       },
-      genContentLink: {
-        type: Function,
-        validator(value) {
-          return validateLinkObject(value(1, 'exercise'));
-        },
-        default: () => ({}),
-        required: false,
-      },
       getContentNodeThumbnail: {
         type: Function,
         default: () => ({}),
@@ -175,6 +167,7 @@
       },
     },
     methods: {
+      genContentLink,
       openCopiesModal(contentId) {
         this.sharedContentId = contentId;
         this.uniqueId = this.contents.find(content => content.content_id === contentId).id;
diff --git a/kolibri/plugins/learn/assets/src/views/LearnIndex.vue b/kolibri/plugins/learn/assets/src/views/LearnIndex.vue
index a4f37a49c40..5801eeeb492 100644
--- a/kolibri/plugins/learn/assets/src/views/LearnIndex.vue
+++ b/kolibri/plugins/learn/assets/src/views/LearnIndex.vue
@@ -251,12 +251,6 @@
             hasSidebar: true,
           };
         }
-        // if (this.pageName === ClassesPageNames.LESSON_PLAYLIST) {
-        //   return {
-        //     immersivePage: false,
-        //     hasSidebar: true,
-        //   };
-        // }
         if (
           this.pageName === PageNames.TOPICS_TOPIC ||
           this.pageName === PageNames.TOPICS_CHANNEL