diff options
Diffstat (limited to 'frontend')
| -rw-r--r-- | frontend/src/App/Header.tsx | 7 | ||||
| -rw-r--r-- | frontend/src/components/SearchBar.tsx | 3 |
2 files changed, 9 insertions, 1 deletions
diff --git a/frontend/src/App/Header.tsx b/frontend/src/App/Header.tsx index 9ca33a574..0f91cadae 100644 --- a/frontend/src/App/Header.tsx +++ b/frontend/src/App/Header.tsx @@ -5,6 +5,7 @@ import { faUser, } from "@fortawesome/free-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { uniqueId } from "lodash"; import React, { FunctionComponent, useMemo } from "react"; import { Button, @@ -35,16 +36,22 @@ async function SearchItem(text: string) { return results.map<SearchResult>((v) => { let link: string; + let id: string; if (v.sonarrSeriesId) { link = `/series/${v.sonarrSeriesId}`; + id = `series-${v.sonarrSeriesId}`; } else if (v.radarrId) { link = `/movies/${v.radarrId}`; + id = `movie-${v.radarrId}`; } else { link = ""; + id = uniqueId("unknown"); } + return { name: `${v.title} (${v.year})`, link, + id, }; }); } diff --git a/frontend/src/components/SearchBar.tsx b/frontend/src/components/SearchBar.tsx index 66c5db321..86ad517a8 100644 --- a/frontend/src/components/SearchBar.tsx +++ b/frontend/src/components/SearchBar.tsx @@ -10,6 +10,7 @@ import { useHistory } from "react-router"; import { useThrottle } from "rooks"; export interface SearchResult { + id: string; name: string; link?: string; } @@ -58,7 +59,7 @@ export const SearchBar: FunctionComponent<Props> = ({ const items = useMemo(() => { const its = results.map((v) => ( <Dropdown.Item - key={v.name} + key={v.id} eventKey={v.link} disabled={v.link === undefined} > |