diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
new file mode 100644
index 00000000..f71a0514
Binary files /dev/null and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
new file mode 100644
index 00000000..b44f4951
Binary files /dev/null and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 00000000..f45b8fd4
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/browserconfig.xml b/public/browserconfig.xml
new file mode 100644
index 00000000..b3930d0f
--- /dev/null
+++ b/public/browserconfig.xml
@@ -0,0 +1,9 @@
+
+
+
+
+
+ #da532c
+
+
+
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
new file mode 100644
index 00000000..56d0a43b
Binary files /dev/null and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
new file mode 100644
index 00000000..ef644cbb
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 00000000..b48e0702
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/index.html b/public/index.html
index b01aea56..4c313487 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,13 +4,19 @@
-
-
-
+
+
+
+
+
+
+
+
+
movie-web
diff --git a/public/manifest.json b/public/manifest.json
index 9080f78d..ad5d4b43 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -20,6 +20,6 @@
],
"start_url": ".",
"display": "standalone",
- "theme_color": "#191c24",
- "background_color": "#0c0e14"
+ "theme_color": "#E880C5",
+ "background_color": "#16171D"
}
diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png
new file mode 100644
index 00000000..a001008d
Binary files /dev/null and b/public/mstile-150x150.png differ
diff --git a/public/safari-pinned-tab.svg b/public/safari-pinned-tab.svg
new file mode 100644
index 00000000..647fc295
--- /dev/null
+++ b/public/safari-pinned-tab.svg
@@ -0,0 +1,18 @@
+
+
+
diff --git a/public/site.webmanifest b/public/site.webmanifest
new file mode 100644
index 00000000..d9870d77
--- /dev/null
+++ b/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+ "name": "",
+ "short_name": "",
+ "icons": [
+ {
+ "src": "/android-chrome-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "/android-chrome-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ],
+ "theme_color": "#E880C5",
+ "background_color": "#16171D",
+ "display": "standalone"
+}
diff --git a/src/components/VideoElement.css b/src/components/VideoElement.css
index 9a1f47f7..f3a684a6 100644
--- a/src/components/VideoElement.css
+++ b/src/components/VideoElement.css
@@ -1,3 +1,10 @@
.videoElement {
width: 100%;
+ background-color: #111117;
+ border-radius: 5px;
+}
+
+.videoElementText {
+ color: white;
+ margin: 0;
}
diff --git a/src/components/VideoElement.js b/src/components/VideoElement.js
index 4aa2cd7d..2bdba8da 100644
--- a/src/components/VideoElement.js
+++ b/src/components/VideoElement.js
@@ -5,8 +5,10 @@ import './VideoElement.css'
// streamUrl: string
export function VideoElement({ streamUrl }) {
const videoRef = React.useRef(null);
+ const [error, setError] = React.useState(false);
React.useEffect(() => {
+ setError(false)
if (!videoRef || !videoRef.current) return;
const hls = new Hls();
@@ -15,13 +17,17 @@ export function VideoElement({ streamUrl }) {
videoRef.current.src = streamUrl;
return;
} else if (!Hls.isSupported()) {
- return; // TODO show error
+ setError(true)
+ return;
}
hls.attachMedia(videoRef.current);
hls.loadSource(streamUrl);
}, [videoRef, streamUrl])
+ if (error)
+ return (Your browser is not supported
)
+
return (
)
diff --git a/src/views/Search.css b/src/views/Search.css
index 60d1611d..94437a9a 100644
--- a/src/views/Search.css
+++ b/src/views/Search.css
@@ -14,4 +14,29 @@
.cardView > div:first-child {
margin-top: 0;
-}
\ No newline at end of file
+}
+
+.topRightCredits {
+ position: fixed;
+ right: 1rem;
+ top: 1rem;
+ margin-top: 0 !important;
+}
+
+.topRightCredits a, .topRightCredits a:visited {
+ color: #E880C5;
+ text-decoration: none;
+ margin: 0;
+}
+.topRightCredits a:hover, .topRightCredits a:active {
+ color: #f19fd6;
+ text-decoration: none;
+}
+
+.topRightCredits a .arrow {
+ transform: translateY(.1rem);
+}
+
+.topRightCredits a:hover .arrow {
+ transform: translateY(.1rem) translateX(.2rem);
+}
diff --git a/src/views/Search.js b/src/views/Search.js
index 219e16ad..4e884ed1 100644
--- a/src/views/Search.js
+++ b/src/views/Search.js
@@ -3,6 +3,7 @@ import { InputBox } from '../components/InputBox'
import { Title } from '../components/Title'
import { Card } from '../components/Card'
import { MovieRow } from '../components/MovieRow'
+import { Arrow } from '../components/Arrow'
import { Progress } from '../components/Progress'
import { findMovie, getStreamUrl } from '../lib/lookMovie'
import { useMovie } from '../hooks/useMovie';
@@ -91,6 +92,9 @@ export function SearchView() {
}}/>
))}
+
)
}