diff --git a/src/entrypoints/popup/Popup.tsx b/src/entrypoints/popup/Popup.tsx index 203f3e8..a08fd61 100644 --- a/src/entrypoints/popup/Popup.tsx +++ b/src/entrypoints/popup/Popup.tsx @@ -1,4 +1,5 @@ import { useEffect } from 'react' +import { SearchField } from '@/features/search/SearchField' import { SearchAutoSyncToggle } from '@/features/search-sync/SearchAutoSyncToggle' import { UsefulLinksSection } from '@/features/useful-links/UsefulLinksSection' import { TopBar } from '@/entrypoints/popup/TopBar' @@ -14,6 +15,7 @@ export default function Popup() {
+
diff --git a/src/features/search/SearchField.tsx b/src/features/search/SearchField.tsx new file mode 100644 index 0000000..26e2d14 --- /dev/null +++ b/src/features/search/SearchField.tsx @@ -0,0 +1,33 @@ +import { useState } from 'react' + +export function SearchField() { + const [text, setText] = useState('') + return ( +
{ + e.preventDefault() + const url = new URL('https://innohassle.ru/search') + url.searchParams.append('q', text) + chrome.tabs.create({ url: url.toString() }) + }} + > + setText(e.target.value)} + value={text} + autoFocus + /> + +
+ ) +}