diff --git a/src/routes/main/MainPage.tsx b/src/routes/main/MainPage.tsx index c682be441b7299f07cbdc108f38ed301aae1443c..e02075f1af5450e715cd0bee86d83623be00ac18 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 179f1eab0ecbcf16b598d84d9f894d1ca4805d2b..56e6aaa01c99ed47a1e4d4d25dca7d2f1ce525c9 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>