From e0bde3e6ae711d078d241fc0d652a766b9d8b58a Mon Sep 17 00:00:00 2001
From: linearcombination <4829djaskdfj@gmail.com>
Date: Sat, 6 Jan 2024 09:15:40 -0800
Subject: [PATCH] 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
---
 .../src/components/MobileBookDisplay.svelte   | 20 ++++++-------
 .../components/MobileLanguageDisplay.svelte   | 28 +++++++++----------
 2 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/frontend/src/components/MobileBookDisplay.svelte b/frontend/src/components/MobileBookDisplay.svelte
index ad0b5ca0..4bbb2f70 100644
--- 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
index 1ef18f6c..5af16293 100644
--- 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}"