From 02fd733223026ab55b91a07fa65172b85f21fbc4 Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Sat, 2 Jan 2021 10:30:11 -0800
Subject: [PATCH] Fixed: Don't convert author/book selection filter to lower
 case in state

(cherry picked from commit ca52eb76ca2e286479f1803f399d5f5b563cfb41)

Closes #692
---
 .../src/InteractiveImport/Author/SelectAuthorModalContent.js | 5 +++--
 .../src/InteractiveImport/Book/SelectBookModalContent.js     | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/InteractiveImport/Author/SelectAuthorModalContent.js b/frontend/src/InteractiveImport/Author/SelectAuthorModalContent.js
index fd77dade5..76d66bcbd 100644
--- a/frontend/src/InteractiveImport/Author/SelectAuthorModalContent.js
+++ b/frontend/src/InteractiveImport/Author/SelectAuthorModalContent.js
@@ -29,7 +29,7 @@ class SelectAuthorModalContent extends Component {
   // Listeners
 
   onFilterChange = ({ value }) => {
-    this.setState({ filter: value.toLowerCase() });
+    this.setState({ filter: value });
   };
 
   //
@@ -43,6 +43,7 @@ class SelectAuthorModalContent extends Component {
     } = this.props;
 
     const filter = this.state.filter;
+    const filterLower = filter.toLowerCase();
 
     return (
       <ModalContent onModalClose={onModalClose}>
@@ -66,7 +67,7 @@ class SelectAuthorModalContent extends Component {
           <Scroller className={styles.scroller}>
             {
               items.map((item) => {
-                return item.authorName.toLowerCase().includes(filter) ?
+                return item.authorName.toLowerCase().includes(filterLower) ?
                   (
                     <SelectAuthorRow
                       key={item.id}
diff --git a/frontend/src/InteractiveImport/Book/SelectBookModalContent.js b/frontend/src/InteractiveImport/Book/SelectBookModalContent.js
index 8f91925da..909a77ee1 100644
--- a/frontend/src/InteractiveImport/Book/SelectBookModalContent.js
+++ b/frontend/src/InteractiveImport/Book/SelectBookModalContent.js
@@ -52,7 +52,7 @@ class SelectBookModalContent extends Component {
   // Listeners
 
   onFilterChange = ({ value }) => {
-    this.setState({ filter: value.toLowerCase() });
+    this.setState({ filter: value });
   };
 
   //
@@ -68,6 +68,7 @@ class SelectBookModalContent extends Component {
     } = this.props;
 
     const filter = this.state.filter;
+    const filterLower = filter.toLowerCase();
 
     return (
       <ModalContent onModalClose={onModalClose}>
@@ -101,7 +102,7 @@ class SelectBookModalContent extends Component {
                 <TableBody>
                   {
                     items.map((item) => {
-                      return item.title.toLowerCase().includes(filter) ?
+                      return item.title.toLowerCase().includes(filterLower) ?
                         (
                           <SelectBookRow
                             key={item.id}