feat(*): case-insensitive searches

#52 - all searches and filters are now case-insensitive
WormBase · Nov 15, 2021 · 46f471d · 46f471d
1 parent 14b4e8b
commit 46f471d
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/frontend/src/components/CellCheckboxSelector.js b/frontend/src/components/CellCheckboxSelector.js
@@ -15,7 +15,7 @@ const CellCheckboxSelector = ({cells, allCells, setCellsCallback}) => {
             <Card style={{height: "350px", overflowY: "scroll"}}>
                 <Card.Body>
                     {allCells.data.filter(cell => showAllCells || cellsSet.has(cell))
-                        .filter(cell => filterCells === '' || cell.startsWith(filterCells))
+                        .filter(cell => filterCells === '' || cell.toLowerCase().startsWith(filterCells.toLowerCase()))
                         .sort().map(cell =>
                             <FormCheck type="checkbox"
                                        label={cell}

diff --git a/frontend/src/components/multiselect/MultiSelect.js b/frontend/src/components/multiselect/MultiSelect.js
@@ -55,7 +55,7 @@ const MultiSelect = (props) => {
     }
 
     const handleFilterIdChange = (e) => {
-        setSelectedItemsToDisplay(new Set([...selectedItemsAll].filter(item => item.startsWith(e.target.value))));
+        setSelectedItemsToDisplay(new Set([...selectedItemsAll].filter(item => item.toLowerCase().startsWith(e.target.value.toLowerCase()))));
     }
 
     return (

diff --git a/frontend/src/containers/SwarmPlotContainer.js b/frontend/src/containers/SwarmPlotContainer.js
@@ -175,7 +175,7 @@ const SwarmPlotContainer = () => {
                                                 <Card style={{height: "250px", overflowY: "scroll"}}>
                                                     <Card.Body>
                                                         {[...new Set(data.map(d => d.y))]
-                                                            .filter(gene => filterGenes === '' || gene.startsWith(filterGenes))
+                                                            .filter(gene => filterGenes === '' || gene.toLowerCase().startsWith(filterGenes.toLowerCase()))
                                                             .sort().map(gene =>
                                                                 <FormCheck type="checkbox"
                                                                            label={gene}