add tvshow syntax to db

basic tvshow api request to show available tvshows
limit randompage videos to 3
improve settings object to remove one useless copy

src/pages/TVShowPage/TVShowPage.tsx

@@ -1,11 +1,38 @@
 import React from 'react';
 import Preview from '../../elements/Preview/Preview';
+import {APINode, callAPI} from '../../utils/Api';
+import {TVShow} from '../../types/ApiTypes';
+import DynamicContentContainer from '../../elements/DynamicContentContainer/DynamicContentContainer';
+
+interface State {
+    loading: boolean;
+}
+
+interface Props {}
+
+class TVShowPage extends React.Component<Props, State> {
+    state = {
+        loading: true
+    };
+
+    data: TVShow.TVshowType[] = [];
+
+    componentDidMount(): void {
+        callAPI(APINode.TVShow, {action: 'getTVShows'}, (resp: TVShow.TVshowType[]) => {
+            this.data = resp;
+            this.setState({loading: false});
+        });
+    }
 
-class TVShowPage extends React.Component {
     render(): JSX.Element {
         return (
             <>
-                <Preview name='myTestItem' picLoader={(callback): void => callback('')} />
+                <DynamicContentContainer
+                    renderElement={(elem): JSX.Element => (
+                        <Preview name={elem.Name} picLoader={(callback): void => callback('')} linkPath={'/tvshows/' + elem.Id} />
+                    )}
+                    data={this.state.loading ? [] : this.data}
+                />
             </>
         );
     }