pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
Dont show extension banner on mobile
+17
-3
+1
src/pages/TopFlix.tsx
+1
src/pages/TopFlix.tsx
···
182
182
const type = isShowOrMovie(item.tmdbFullId);
183
183
// const poster = await getPoster(tmdbId, type === "movie" ? TMDBContentTypes.MOVIE : TMDBContentTypes.TV);
184
184
const poster = "";
185
+
console.log(poster);
185
186
const media: MediaItem = {
186
187
id: tmdbId,
187
188
title: item.title,
+16
-3
src/setup/Layout.tsx
+16
-3
src/setup/Layout.tsx
···
29
29
const [extensionState, setExtensionState] =
30
30
useState<ExtensionStatus>("unknown");
31
31
const [loading, setLoading] = useState(true);
32
+
const [isMobile, setIsMobile] = useState(false);
32
33
33
34
useEffect(() => {
34
35
let isMounted = true;
···
39
40
setLoading(false);
40
41
}
41
42
});
43
+
44
+
const mediaQuery = window.matchMedia("(max-width: 768px)"); // Adjust the max-width as per your needs
45
+
setIsMobile(mediaQuery.matches);
46
+
47
+
const handleResize = () => {
48
+
setIsMobile(mediaQuery.matches);
49
+
};
50
+
51
+
mediaQuery.addListener(handleResize);
42
52
43
53
return () => {
44
54
isMounted = false;
55
+
mediaQuery.removeListener(handleResize);
45
56
};
46
57
}, []);
47
58
···
53
64
54
65
return (
55
66
<div>
56
-
<div className="fixed inset-x-0 z-[1000]">
57
-
<ExtensionBanner extensionState={extensionState} />
58
-
</div>
67
+
{!isMobile && (
68
+
<div className="fixed inset-x-0 z-[1000]">
69
+
<ExtensionBanner extensionState={extensionState} />
70
+
</div>
71
+
)}
59
72
<div
60
73
style={{
61
74
paddingTop: location === null ? `${bannerSize}px` : "0px",