diff --git a/src/components/modules/search/SearchModule.tsx b/src/components/modules/search/SearchModule.tsx index 5848c4c87..eae9b52ca 100644 --- a/src/components/modules/search/SearchModule.tsx +++ b/src/components/modules/search/SearchModule.tsx @@ -1,4 +1,4 @@ -import { Kbd, createStyles, Text, Popover, Autocomplete } from '@mantine/core'; +import { Kbd, createStyles, Text, Popover, Autocomplete, Tooltip } from '@mantine/core'; import { useDebouncedValue, useForm, useHotkeys } from '@mantine/hooks'; import { useEffect, useRef, useState } from 'react'; import { @@ -107,40 +107,21 @@ export default function SearchBar(props: any) { }, 20); })} > - setOpened(true)} - onBlurCapture={() => setOpened(false)} - target={ - - } - > - - Tip: Use the prefixes !yt and !t in front of your query to search on YouTube - or for a Torrent respectively. - - + size="md" + styles={{ rightSection: { pointerEvents: 'none' } }} + placeholder="Search the web..." + {...props} + {...form.getInputProps('query')} + /> ); }