- Season:{props.episode.Season} Episode:{props.episode.Episode} {props.episode.Name}
+
+
+ Season: {props.episode.Season} Episode: {props.episode.Episode} {props.episode.Name}
);
diff --git a/src/pages/TVShowPage/EpisodeTile.module.css b/src/pages/TVShowPage/EpisodeTile.module.css
new file mode 100644
index 0000000..d2af5e7
--- /dev/null
+++ b/src/pages/TVShowPage/EpisodeTile.module.css
@@ -0,0 +1,15 @@
+.tile {
+ margin: 15px;
+ padding-top: 15px;
+ padding-bottom: 15px;
+ width: 50%;
+ padding-left: 15px;
+}
+
+.tile:hover {
+ opacity: 0.7;
+}
+
+.tile:hover svg {
+ color: dodgerblue;
+}
diff --git a/src/pages/TVShowPage/TVShowPage.tsx b/src/pages/TVShowPage/TVShowPage.tsx
index fa005c6..4e14191 100644
--- a/src/pages/TVShowPage/TVShowPage.tsx
+++ b/src/pages/TVShowPage/TVShowPage.tsx
@@ -5,6 +5,8 @@ import {TVShow} from '../../types/ApiTypes';
import DynamicContentContainer from '../../elements/DynamicContentContainer/DynamicContentContainer';
import {Route, Switch, useRouteMatch} from 'react-router-dom';
import EpisodePage from './EpisodePage';
+import PageTitle, {Line} from '../../elements/PageTitle/PageTitle';
+import SideBar, {SideBarItem, SideBarTitle} from '../../elements/SideBar/SideBar';
interface State {
loading: boolean;
@@ -28,27 +30,39 @@ class TVShowPage extends React.Component
{
render(): JSX.Element {
return (
- (
- void): void => {
- callAPIPlain(
- APINode.TVShow,
- {
- action: 'readThumbnail',
- Id: elem.Id
- },
- (result) => callback(result)
- );
- }}
- linkPath={'/tvshows/' + elem.Id}
+ <>
+
+
+ Infos:
+
+
+ {this.data.length} TV-Shows Total!
+
+
+
+
(
+ void): void => {
+ callAPIPlain(
+ APINode.TVShow,
+ {
+ action: 'readThumbnail',
+ Id: elem.Id
+ },
+ (result) => callback(result)
+ );
+ }}
+ linkPath={'/tvshows/' + elem.Id}
+ />
+ )}
+ data={this.state.loading ? [] : this.data}
+ initialLoadNr={20}
/>
- )}
- data={this.state.loading ? [] : this.data}
- initialLoadNr={20}
- />
+
+ >
);
}
}