mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

use LinkButton in SearchSuggestions

Browse source
This commit is contained in:
David Stensland 2024-02-24 12:18:10 -08:00 • committed by Bill Thornton
parent 10419dcd48
commit 7011d09b4b
1 changed files with 18 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/components/search/SearchSuggestions.tsx
View file

@ -1,17 +1,19 @@
import React, { type FC } from 'react'; import React, { FunctionComponent, useEffect, useState } from 'react';
import { useSearchSuggestions } from 'hooks/searchHook';
import Loading from 'components/loading/LoadingComponent'; import Loading from 'components/loading/LoadingComponent';
import { appRouter } from '../router/appRouter'; import { appRouter } from '../router/appRouter';
import globalize from '../../lib/globalize'; import { useSearchSuggestions } from 'hooks/searchHook/useSearchSuggestions';
import LinkButton from 'elements/emby-button/LinkButton'; import globalize from 'lib/globalize';
import LinkButton from '../../elements/emby-button/LinkButton';
import '../../elements/emby-button/emby-button'; import '../../elements/emby-button/emby-button';
interface SearchSuggestionsProps { type SearchSuggestionsProps = {
parentId?: string; parentId?: string | null;
} };
const SearchSuggestions: FC<SearchSuggestionsProps> = ({ parentId }) => { const SearchSuggestions: FunctionComponent<SearchSuggestionsProps> = ({ parentId }) => {
const { isLoading, data: suggestions } = useSearchSuggestions(parentId); const { isLoading, data: suggestions } = useSearchSuggestions(parentId || undefined);
if (isLoading) return <Loading />; if (isLoading) return <Loading />;
@ -27,19 +29,13 @@ const SearchSuggestions: FC<SearchSuggestionsProps> = ({ parentId }) => {
</div> </div>
<div className='searchSuggestionsList padded-left padded-right'> <div className='searchSuggestionsList padded-left padded-right'>
{suggestions?.map((item) => ( {suggestions?.map(item => (
<div key={`suggestion-${item.Id}`}> <LinkButton key={item.Id}
<LinkButton className='button-link'
className='button-link' style={{ display: 'inline-block', padding: '0.5em 1em' }}
href={appRouter.getRouteUrl(item)} href={appRouter.getRouteUrl(item)}>
style={{ {item.Name}
display: 'inline-block', </LinkButton>
padding: '0.5em 1em'
}}
>
{item.Name}
</LinkButton>
</div>
))} ))}
</div> </div>
</div> </div>