Add TypeScript support for React components

src/components/pages/SearchPage.tsx

@@ -0,0 +1,49 @@
+import PropTypes from 'prop-types';
+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';
+
+type SearchProps = {
+    serverId: string,
+    parentId: string,
+    collectionType: string
+};
+
+const SearchPage: FunctionComponent<SearchProps> = ({ serverId, parentId, collectionType }: SearchProps) => {
+    const [ query, setQuery ] = useState(null);
+
+    return (
+        <>
+            <SearchFields onSearch={setQuery} />
+            {!query &&
+                <SearchSuggestions
+                    serverId={serverId || window.ApiClient.serverId()}
+                    parentId={parentId}
+                />
+            }
+            <SearchResults
+                serverId={serverId || window.ApiClient.serverId()}
+                parentId={parentId}
+                collectionType={collectionType}
+                query={query}
+            />
+            <LiveTVSearchResults
+                serverId={serverId || window.ApiClient.serverId()}
+                parentId={parentId}
+                collectionType={collectionType}
+                query={query}
+            />
+        </>
+    );
+};
+
+SearchPage.propTypes = {
+    serverId: PropTypes.string,
+    parentId: PropTypes.string,
+    collectionType: PropTypes.string
+};
+
+export default SearchPage;