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

Add TypeScript support for React components

Browse source
This commit is contained in:
MrTimscampi 2021-06-11 14:49:57 +02:00
parent 0dde17fbd7
commit 4d23e79f65
16 changed files with 810 additions and 107 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/pages/SearchPage.js → src/components/pages/SearchPage.tsx
View file

@ -1,12 +1,18 @@
import PropTypes from 'prop-types';
import React, { useState } from 'react';
import React, { FunctionComponent, useState } from 'react';
import SearchFields from '../search/SearchFields';
import SearchResults from '../search/SearchResults';
import SearchSuggestions from '../search/SearchSuggestions';
import LiveTVSearchResults from '../search/LiveTVSearchResults';
const SearchPage = ({ serverId, parentId, collectionType }) => {
type SearchProps = {
serverId: string,
parentId: string,
collectionType: string
};
const SearchPage: FunctionComponent<SearchProps> = ({ serverId, parentId, collectionType }: SearchProps) => {
const [ query, setQuery ] = useState(null);
return (
@ -14,18 +20,18 @@ const SearchPage = ({ serverId, parentId, collectionType }) => {
<SearchFields onSearch={setQuery} />
{!query &&
<SearchSuggestions
serverId={serverId || ApiClient.serverId()}
serverId={serverId || window.ApiClient.serverId()}
parentId={parentId}
/>
}
<SearchResults
serverId={serverId || ApiClient.serverId()}
serverId={serverId || window.ApiClient.serverId()}
parentId={parentId}
collectionType={collectionType}
query={query}
/>
<LiveTVSearchResults
serverId={serverId || ApiClient.serverId()}
serverId={serverId || window.ApiClient.serverId()}
parentId={parentId}
collectionType={collectionType}
query={query}