diff --git a/src/components/SearchBar/SearchBar.tsx b/src/components/SearchBar/SearchBar.tsx index 7236b7d86..6cd026784 100644 --- a/src/components/SearchBar/SearchBar.tsx +++ b/src/components/SearchBar/SearchBar.tsx @@ -8,11 +8,11 @@ export default function SearchBar(props: any) { const { config, setConfig } = useConfig(); const [opened, setOpened] = useState(false); const [icon, setIcon] = useState(); - const querryUrl = config.settings.searchUrl || 'https://www.google.com/search?q='; + const queryUrl = config.settings.searchUrl || 'https://www.google.com/search?q='; const form = useForm({ initialValues: { - querry: '', + query: '', }, }); @@ -29,10 +29,10 @@ export default function SearchBar(props: any) { >
{ - // If querry contains !yt or !t add "Searching on YouTube" or "Searching torrent" - const querry = form.values.querry.trim(); - const isYoutube = querry.startsWith('!yt'); - const isTorrent = querry.startsWith('!t'); + // If query contains !yt or !t add "Searching on YouTube" or "Searching torrent" + const query = form.values.query.trim(); + const isYoutube = query.startsWith('!yt'); + const isTorrent = query.startsWith('!t'); if (isYoutube) { setIcon(); } else if (isTorrent) { @@ -42,16 +42,16 @@ export default function SearchBar(props: any) { } }} onSubmit={form.onSubmit((values) => { - // Find if querry is prefixed by !yt or !t - const querry = values.querry.trim(); - const isYoutube = querry.startsWith('!yt'); - const isTorrent = querry.startsWith('!t'); + // Find if query is prefixed by !yt or !t + const query = values.query.trim(); + const isYoutube = query.startsWith('!yt'); + const isTorrent = query.startsWith('!t'); if (isYoutube) { - window.open(`https://www.youtube.com/results?search_query=${querry.substring(3)}`); + window.open(`https://www.youtube.com/results?search_query=${query.substring(3)}`); } else if (isTorrent) { - window.open(`https://bitsearch.to/search?q=${querry.substring(3)}`); + window.open(`https://bitsearch.to/search?q=${query.substring(3)}`); } else { - window.open(`${querryUrl}${values.querry}`); + window.open(`${queryUrl}${values.query}`); } })} > @@ -76,7 +76,7 @@ export default function SearchBar(props: any) { size="md" placeholder="Search the web" {...props} - {...form.getInputProps('querry')} + {...form.getInputProps('query')} /> } > diff --git a/src/components/Settings/SettingsMenu.tsx b/src/components/Settings/SettingsMenu.tsx index 74b5c1b93..2f821a4ef 100644 --- a/src/components/Settings/SettingsMenu.tsx +++ b/src/components/Settings/SettingsMenu.tsx @@ -74,8 +74,8 @@ function SettingsMenu(props: any) { /> {searchUrl === 'Custom' && ( { setCustomSearchUrl(event.currentTarget.value); @@ -142,7 +142,8 @@ export function SettingsMenuButton(props: any) { return ( <> Settings} opened={props.opened || opened} onClose={() => setOpened(false)}