diff --git a/src/apps/concepts/components/ViewConceptsHeader.tsx b/src/apps/concepts/components/ViewConceptsHeader.tsx index 77a7b7436..52423a21e 100644 --- a/src/apps/concepts/components/ViewConceptsHeader.tsx +++ b/src/apps/concepts/components/ViewConceptsHeader.tsx @@ -10,6 +10,9 @@ import { getContainerIdFromUrl } from "../utils"; import { Button, createStyles, + IconButton, + Input, + InputAdornment, makeStyles, Menu, MenuItem, @@ -20,7 +23,8 @@ import { useAnchor } from "../../../utils"; import { APISource } from "../../sources"; -import { AccountTreeOutlined, FolderOpen } from "@material-ui/icons"; +import { AccountTreeOutlined, FolderOpen } from "@material-ui/icons"; +import { Search as SearchIcon } from "@material-ui/icons"; import { APIDictionary } from '../../dictionaries/types'; interface Props { @@ -125,12 +129,31 @@ const ViewConceptsHeader: React.FC = ({ open={Boolean(switchSourceAnchor)} onClose={handleSwitchSourceClose} > - + */} + setQ(e.target.value)} + // ]value={q} + color="secondary" + type="search" + fullWidth + placeholder={`Select an alternative source`} + data-testid="searchInput" + endAdornment={ + + onSearch(q)} + data-testid="searchButton" + > + + + + } + /> {preferredSources?.map(({ name, url }) => (