Make sure to filter lang and book codes also when searching

When filtering by language or book name, make sure that languages and books that are excluded do not show their names _and_ their codes
WycliffeAssociates · Jan 6, 2024 · e0bde3e · e0bde3e
1 parent de3bfa8
commit e0bde3e
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 24 deletions.
diff --git a/frontend/src/components/MobileBookDisplay.svelte b/frontend/src/components/MobileBookDisplay.svelte
@@ -43,11 +43,11 @@
     {#if otBookCodes?.length > 0}
       {#each otBookCodes as bookCodeAndName, index}
         <label for="bookcode-ot-{index}">
-          <div class="pl-4 py-2 target">
-            <div
-              class="flex items-center justify-between target2"
-              style={filteredOtBookCodes.includes(bookCodeAndName) ? '' : 'display: none'}
-            >
+          <div
+            class="pl-4 py-2 target"
+            style={filteredOtBookCodes.includes(bookCodeAndName) ? '' : 'display: none'}
+          >
+            <div class="flex items-center justify-between target2">
               <div class="flex items-center target3">
                 <input
                   id="bookcode-ot-{index}"
@@ -81,11 +81,11 @@
     {#if ntBookCodes?.length > 0}
       {#each ntBookCodes as bookCodeAndName, index}
         <label for="bookcode-nt-{index}">
-          <div class="pl-4 py-2 target">
-            <div
-              class="flex items-center justify-between target2"
-              style={filteredNtBookCodes.includes(bookCodeAndName) ? '' : 'display: none'}
-            >
+          <div
+            class="pl-4 py-2 target"
+            style={filteredNtBookCodes.includes(bookCodeAndName) ? '' : 'display: none'}
+          >
+            <div class="flex items-center justify-between target2">
               <div class="flex items-center target3">
                 <input
                   id="bookcode-nt-{index}"

diff --git a/frontend/src/components/MobileLanguageDisplay.svelte b/frontend/src/components/MobileLanguageDisplay.svelte
@@ -19,13 +19,13 @@
   {#if showGatewayLanguages}
     {#each gatewayCodesAndNames as langCodeAndName, index}
       <label for="lang-code-{index}">
-        <div class="pl-4 py-2 target">
-          <div
-            class="flex items-center justify-between target2"
-            style={filteredGatewayCodeAndNames.includes(langCodeAndName)
-              ? ''
-              : 'display: none'}
-          >
+        <div
+          class="pl-4 py-2 target"
+          style={filteredGatewayCodeAndNames.includes(langCodeAndName)
+            ? ''
+            : 'display: none'}
+        >
+          <div class="flex items-center justify-between target2">
             <div class="flex items-center target3">
               <input
                 id="lang-code-{index}"
@@ -46,13 +46,13 @@
   {:else}
     {#each heartCodesAndNames as langCodeAndName, index}
       <label for="lang-code-{index}">
-        <div class="pl-4 py-2 target">
-          <div
-            class="flex items-center justify-between target2"
-            style={filteredHeartCodeAndNames.includes(langCodeAndName)
-              ? ''
-              : 'display: none'}
-          >
+        <div
+          class="pl-4 py-2 target"
+          style={filteredGatewayCodeAndNames.includes(langCodeAndName)
+            ? ''
+            : 'display: none'}
+        >
+          <div class="flex items-center justify-between target2">
             <div class="flex items-center target3">
               <input
                 id="lang-code-{index}"