diff --git a/src/components/MovieRow.css b/src/components/MovieRow.css
index 4ef12f41..a8153064 100644
--- a/src/components/MovieRow.css
+++ b/src/components/MovieRow.css
@@ -24,6 +24,13 @@
margin-right: 0.5rem;
}
+.movieRow .left .titleWrapper {
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
.movieRow .left .seasonEpisodeSubtitle,
.movieRow .left .year {
color: var(--text-secondary);
@@ -62,6 +69,14 @@
margin-right: 10px;
}
+.subtitleIcon {
+ width: 30px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-right: 10px;
+}
+
@media screen and (max-width: 400px) {
.movieRow {
flex-direction: column;
diff --git a/src/components/MovieRow.js b/src/components/MovieRow.js
index a7a7adac..b0d62e3c 100644
--- a/src/components/MovieRow.js
+++ b/src/components/MovieRow.js
@@ -21,10 +21,25 @@ export function MovieRow(props) {
return (
props.onClick && props.onClick()}>
+
+ { props.source === "lookmovie" && (
+
+ ) }
+
{/*
*/}
- {props.title}
{props.place ? ` - S${props.place.season}:E${props.place.episode}` : ''}
-
({props.year})
+
+
+ {props.title}
+
+ ({props.year})
+ {props.place ? ` - S${props.place.season}:E${props.place.episode}` : ''}
+
+
diff --git a/src/components/VideoElement.js b/src/components/VideoElement.js
index 13426eb0..c07fb0fd 100644
--- a/src/components/VideoElement.js
+++ b/src/components/VideoElement.js
@@ -9,7 +9,7 @@ import './VideoElement.css'
// setProgress: (event: NativeEvent) => void
// videoRef: useRef
// startTime: number
-export function VideoElement({ streamUrl, loading, setProgress, videoRef, startTime }) {
+export function VideoElement({ streamUrl, loading, setProgress, videoRef, startTime, streamData }) {
const [error, setError] = React.useState(false);
function onLoad() {
@@ -48,11 +48,14 @@ export function VideoElement({ streamUrl, loading, setProgress, videoRef, startT
if (!streamUrl.endsWith('.mp4')) {
return (
-
+
)
} else {
return (
-