jazzymc/homarr
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

🐛 Add a delay before opening search results

Browse Source 
Resolves #115
This commit is contained in:
ajnart
2022-05-17 01:23:19 +02:00
parent d62189f086
commit e3d47d78e0
1 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/SearchBar/SearchBar.tsx
View File

@@ -1,6 +1,6 @@
import { TextInput, Kbd, createStyles, useMantineTheme, Text, Popover } from '@mantine/core'; import { TextInput, Kbd, createStyles, useMantineTheme, Text, Popover } from '@mantine/core';
import { useForm, useHotkeys } from '@mantine/hooks'; import { useForm, useHotkeys } from '@mantine/hooks';
import { useRef, useState } from 'react'; import { MutableRefObject, useRef, useState } from 'react';
import { Search, BrandYoutube, Download } from 'tabler-icons-react'; import { Search, BrandYoutube, Download } from 'tabler-icons-react';
import { useConfig } from '../../tools/state'; import { useConfig } from '../../tools/state';
@@ -19,7 +19,7 @@ export default function SearchBar(props: any) {
const [opened, setOpened] = useState(false); const [opened, setOpened] = useState(false);
const [icon, setIcon] = useState(<Search />); const [icon, setIcon] = useState(<Search />);
const queryUrl = config.settings.searchUrl || 'https://www.google.com/search?q='; const queryUrl = config.settings.searchUrl || 'https://www.google.com/search?q=';
const textInput: any = useRef(null); const textInput = useRef<HTMLInputElement>();
useHotkeys([['ctrl+K', () => textInput.current.focus()]]); useHotkeys([['ctrl+K', () => textInput.current.focus()]]);
const { classes, cx } = useStyles(); const { classes, cx } = useStyles();
@@ -58,17 +58,18 @@ export default function SearchBar(props: any) {
} }
}} }}
onSubmit={form.onSubmit((values) => { onSubmit={form.onSubmit((values) => {
// Find if query is prefixed by !yt or !t
const query = values.query.trim(); const query = values.query.trim();
const isYoutube = query.startsWith('!yt'); const isYoutube = query.startsWith('!yt');
const isTorrent = query.startsWith('!t'); const isTorrent = query.startsWith('!t');
if (isYoutube) { setTimeout(() => {
window.open(`https://www.youtube.com/results?search_query=${query.substring(3)}`); if (isYoutube) {
} else if (isTorrent) { window.open(`https://www.youtube.com/results?search_query=${query.substring(3)}`);
window.open(`https://bitsearch.to/search?q=${query.substring(3)}`); } else if (isTorrent) {
} else { window.open(`https://bitsearch.to/search?q=${query.substring(3)}`);
window.open(`${queryUrl}${values.query}`); } else {
} window.open(`${queryUrl}${values.query}`);
}
}, 20);
})} })}
> >
<Popover <Popover