diff --git a/src/components/ActionBar/SearchInput.js b/src/components/ActionBar/SearchInput.js index d0a9e17f5..c5de7c917 100644 --- a/src/components/ActionBar/SearchInput.js +++ b/src/components/ActionBar/SearchInput.js @@ -16,22 +16,10 @@ import { isBrowser } from '../../utils/is-browser'; import { localizePath } from '../../utils/locale'; import { reportAnalytics } from '../../utils/report-analytics'; import { searchIconStyling, searchInputStyling, StyledInputContainer, StyledSearchBoxRef } from './styles'; -import { ShortcutIcon, SparkleIcon } from './SparkIcon'; export const PLACEHOLDER_TEXT = `Search MongoDB Docs`; const PLACEHOLDER_TEXT_MOBILE = 'Search'; -export const SEARCH_SUGGESTIONS = [ - { - copy: 'Search', - }, - { - copy: 'Ask MongoDB AI', - icon: , - shortcutIcon: , - }, -]; - const SearchInput = ({ className, slug }) => { const [searchValue, setSearchValue] = useState(''); const searchBoxRef = useRef(); @@ -116,7 +104,7 @@ const SearchInput = ({ className, slug }) => { { )} {!mobileSearchActive && ( { setMobileSearchActive((state) => !state); diff --git a/src/components/ActionBar/styles.js b/src/components/ActionBar/styles.js index 502b1a2f0..75c26c135 100644 --- a/src/components/ActionBar/styles.js +++ b/src/components/ActionBar/styles.js @@ -253,30 +253,6 @@ export const searchIconStyling = css` justify-content: right; `; -// using content before/after to prevent event bubbling up from lg/search-input/search-result -// package above gets all text inside node, and sets the value of Input node of all text within search result: -// https://github.com/mongodb/leafygreen-ui/blob/%40leafygreen-ui/search-input%402.1.4/packages/search-input/src/SearchInput/SearchInput.tsx#L149-L155 -export const suggestionStyling = ({ copy }) => css` - & > div:before { - content: '${copy} "'; - } - - & > div:after { - content: '"'; - } - - svg:first-of-type { - float: left; - margin-right: ${theme.size.tiny}; - } - - padding: ${theme.fontSize.tiny} ${theme.size.medium}; - - svg:last-of-type { - float: right; - } -`; - export const offlineStyling = css` @media ${theme.screenSize.largeAndUp} { display: none;