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

Remove unused variable and fix no results alignment

This commit is contained in:
Bill Thornton 2024-02-18 01:11:42 -05:00
parent eaab0364d7
commit ac29b9b338
3 changed files with 5 additions and 15 deletions

View file

@ -1,5 +1,5 @@
import React, { type FC, useEffect, useState } from 'react'; import React, { type FC, useEffect, useState } from 'react';
import { useNavigate, useSearchParams } from 'react-router-dom'; import { useSearchParams } from 'react-router-dom';
import Page from 'components/Page'; import Page from 'components/Page';
import SearchFields from 'components/search/SearchFields'; import SearchFields from 'components/search/SearchFields';
@ -15,7 +15,6 @@ const QUERY_PARAM = 'query';
const SERVER_ID_PARAM = 'serverId'; const SERVER_ID_PARAM = 'serverId';
const Search: FC = () => { const Search: FC = () => {
const navigate = useNavigate();
const [ searchParams, setSearchParams ] = useSearchParams(); const [ searchParams, setSearchParams ] = useSearchParams();
const urlQuery = searchParams.get(QUERY_PARAM) || ''; const urlQuery = searchParams.get(QUERY_PARAM) || '';
const [ query, setQuery ] = useState(urlQuery); const [ query, setQuery ] = useState(urlQuery);
@ -41,7 +40,7 @@ const Search: FC = () => {
setQuery(urlQuery); setQuery(urlQuery);
} }
}, [query, prevQuery, navigate, searchParams, setSearchParams, urlQuery]); }, [query, prevQuery, searchParams, setSearchParams, urlQuery]);
return ( return (
<Page <Page

View file

@ -340,7 +340,9 @@ const SearchResults: FC<SearchResultsProps> = ({ serverId = window.ApiClient.ser
/> />
{allEmpty && debouncedQuery && !isLoading && ( {allEmpty && debouncedQuery && !isLoading && (
<div className='sorry-text'>{globalize.translate('SearchResultsEmpty', debouncedQuery)}</div> <div className='noItemsMessage centerMessage'>
{globalize.translate('SearchResultsEmpty', debouncedQuery)}
</div>
)} )}
</> </>
)} )}

View file

@ -9,14 +9,3 @@
font-size: 2em; font-size: 2em;
align-self: flex-end; align-self: flex-end;
} }
.sorry-text {
font-size: 2em;
text-align: center;
font-family: inherit;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}