Adapt manual questions selection and replace questions to quiz search

Author: AlexVelezLl

kolibri/plugins/coach/assets/src/views/quizzes/CreateExamPage/sidePanels/QuizResourceSelection/subPages/SelectFromQuizSearchResults.vue

@@ -24,6 +24,7 @@
     />
 
     <UpdatedResourceSelection
+      :isSelectable="!settings.isChoosingManually"
       :contentList="contentList"
       :hasMore="hasMore"
       :cardsHeadingLevel="2"
@@ -47,7 +48,6 @@
   import { coreStrings } from 'kolibri/uiText/commonCoreStrings';
   import SearchChips from 'kolibri-common/components/SearchChips';
   import { searchAndFilterStrings } from 'kolibri-common/strings/searchAndFilterStrings';
-  import { enhancedQuizManagementStrings } from 'kolibri-common/strings/enhancedQuizManagementStrings';
   import { PageNames } from '../../../../../../constants';
   import UpdatedResourceSelection from '../../../../../common/resourceSelection/UpdatedResourceSelection.vue';
 
@@ -79,9 +79,8 @@
       }
 
       const { selectFromChannels$, searchLabel$ } = coreStrings;
-      const { selectPracticeQuizLabel$ } = enhancedQuizManagementStrings;
 
-      props.setTitle(selectPracticeQuizLabel$());
+      props.setTitle(props.defaultTitle);
       props.setGoBack(null);
 
       const { data, hasMore, fetchMore, loadingMore } = props.searchFetch;
@@ -104,6 +103,10 @@
         type: Function,
         default: () => {},
       },
+      defaultTitle: {
+        type: String,
+        required: true,
+      },
       /**
        * Fetch object for fetching search results.
        * @type {FetchObject}
@@ -141,6 +144,14 @@
         type: Function,
         required: true,
       },
+      /**
+       * Selection settings used for quizzes.
+       */
+      settings: {
+        type: Object,
+        required: false,
+        default: null,
+      },
     },
     computed: {
       resultsCountMessage() {

packages/kolibri-common/components/accordion/AccordionItem.vue

@@ -147,6 +147,7 @@
 
       .header-content {
         display: flex;
+        gap: 4px;
         align-items: center;
         justify-content: space-between;
       }