Limit search input to first character matching when only one character is typed

frontend/src/Components/Page/Header/SeriesSearchInput.js

@@ -154,8 +154,33 @@ class SeriesSearchInput extends Component {
   }
 
   onSuggestionsFetchRequested = ({ value }) => {
-    const fuse = new Fuse(this.props.series, fuseOptions);
+    const { series } = this.props;
-    const suggestions = fuse.search(value);
+    let suggestions = [];
+
+    if (value.length === 1) {
+      suggestions = series.reduce((acc, s) => {
+        if (s.firstCharacter === value.toLowerCase()) {
+          acc.push({
+            item: s,
+            indices: [
+              [0, 0]
+            ],
+            matches: [
+              {
+                value: s.title,
+                key: 'title'
+              }
+            ],
+            arrayIndex: 0
+          });
+        }
+
+        return acc;
+      }, []);
+    } else {
+      const fuse = new Fuse(series, fuseOptions);
+      suggestions = fuse.search(value);
+    }
 
     this.setState({ suggestions });
   }

frontend/src/Components/Page/Header/SeriesSearchInputConnector.js

@@ -26,6 +26,7 @@ function createCleanSeriesSelector() {
           sortTitle,
           images,
           alternateTitles,
+          firstCharacter: title.charAt(0).toLowerCase(),
           tags: tags.map((id) => {
             return allTags.find((tag) => tag.id === id);
           })