Hide search results when not on home page

This commit is contained in:
jeffvli 2023-05-21 19:37:45 -07:00
parent 3c62de8347
commit d96c0d547a

View file

@ -45,7 +45,7 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
}, []); }, []);
const { data, isLoading } = useSearch({ const { data, isLoading } = useSearch({
options: { enabled: debouncedQuery !== '' && query !== '' }, options: { enabled: isHome && debouncedQuery !== '' && query !== '' },
query: { query: {
albumArtistLimit: 4, albumArtistLimit: 4,
albumArtistStartIndex: 0, albumArtistStartIndex: 0,
@ -58,9 +58,9 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
serverId: server?.id, serverId: server?.id,
}); });
const showAlbumGroup = Boolean(query && data && data?.albums?.length > 0); const showAlbumGroup = isHome && Boolean(query && data && data?.albums?.length > 0);
const showArtistGroup = Boolean(query && data && data?.albumArtists?.length > 0); const showArtistGroup = isHome && Boolean(query && data && data?.albumArtists?.length > 0);
const showTrackGroup = Boolean(query && data && data?.songs?.length > 0); const showTrackGroup = isHome && Boolean(query && data && data?.songs?.length > 0);
const handlePlayQueueAdd = usePlayQueueAdd(); const handlePlayQueueAdd = usePlayQueueAdd();
@ -238,7 +238,7 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
p="0.5rem" p="0.5rem"
> >
<Group position="apart"> <Group position="apart">
<Command.Loading>{isLoading && query !== '' && <Spinner />}</Command.Loading> <Command.Loading>{isHome && isLoading && query !== '' && <Spinner />}</Command.Loading>
<Group spacing="sm"> <Group spacing="sm">
<Kbd size="md">ESC</Kbd> <Kbd size="md">ESC</Kbd>
<Kbd size="md"></Kbd> <Kbd size="md"></Kbd>