From 30424a93956b92d09d58d19ca70accb862dec67d Mon Sep 17 00:00:00 2001
From: Janne Koschinski <janne@kuschku.de>
Date: Sun, 27 Sep 2020 15:09:10 +0200
Subject: [PATCH] Make it basically navigatable

---
 src/routes/main/MainPage.tsx | 9 ++++-----
 src/routes/player/Player.tsx | 2 ++
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/routes/main/MainPage.tsx b/src/routes/main/MainPage.tsx
index c682be4..e02075f 100644
--- a/src/routes/main/MainPage.tsx
+++ b/src/routes/main/MainPage.tsx
@@ -36,9 +36,12 @@ export function MainPage(props: Props) {
                     return (
                         <div key={item.ids.uuid} className={classes.movie}>
                             <h1>{title?.name}</h1>
+                            <p><strong>{rating?.certification}</strong></p>
                             <p><strong>{description?.tagline}</strong></p>
                             <p>{description?.overview}</p>
-                            <p><strong>{rating?.certification}</strong></p>
+                            <p>
+                                <Link to={"/player/" + item.ids.uuid}>Play</Link>
+                            </p>
                             {poster && (
                                 <img
                                     className={classes.poster}
@@ -53,10 +56,6 @@ export function MainPage(props: Props) {
                                     src={backdrop.src}
                                 />
                             )}
-                            {item.preview && (
-                                <p><a href={item.preview}>{item.preview}</a></p>
-                            )}
-                            <Link to={"/player/" + item.ids.uuid}>Play</Link>
                         </div>
                     )
                 })}
diff --git a/src/routes/player/Player.tsx b/src/routes/player/Player.tsx
index 179f1ea..56e6aaa 100644
--- a/src/routes/player/Player.tsx
+++ b/src/routes/player/Player.tsx
@@ -1,5 +1,6 @@
 import React, {useMemo, useState} from "react";
 import {createUseStyles} from "react-jss";
+import {Link} from "react-router-dom";
 import {TitleMeta} from "../../api/models/dto/TitleMeta";
 import {Media} from "../../api/models/Media";
 import {getLocalizedDescription, getLocalizedName, getLocalizedRating} from "../../api/models/Title";
@@ -41,6 +42,7 @@ export function Player(props: Props) {
 
     return (
         <div>
+            <Link to="/">Back</Link>
             <p>{name?.name}</p>
             {video}
             <p style={{fontVariant: "tabular-nums"}}>{formatDuration(position)} / {formatDuration(duration)}</p>
-- 
GitLab