pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
always show time on progressbar instead of only with thumbnails
+9
-6
+9
-6
src/components/player/atoms/ProgressBar.tsx
+9
-6
src/components/player/atoms/ProgressBar.tsx
···
22
22
offscreenLeft: 0,
23
23
offscreenRight: 0,
24
24
});
25
-
const ref = useRef<HTMLImageElement>(null);
25
+
const ref = useRef<HTMLDivElement>(null);
26
26
27
27
useEffect(() => {
28
28
if (!ref.current) return;
···
37
37
});
38
38
}, [props.at]);
39
39
40
-
if (!props.show || !currentThumbnail) return null;
40
+
if (!props.show) return null;
41
+
41
42
return (
42
43
<div className="flex flex-col items-center -translate-x-1/2 pointer-events-none">
43
44
<div className="w-screen flex justify-center">
···
51
52
}px)`,
52
53
}}
53
54
>
54
-
<img
55
-
src={currentThumbnail.data}
56
-
className="h-24 border rounded-xl border-gray-800"
57
-
/>
55
+
{currentThumbnail && (
56
+
<img
57
+
src={currentThumbnail.data}
58
+
className="h-24 border rounded-xl border-gray-800"
59
+
/>
60
+
)}
58
61
<p className="text-center mt-1">
59
62
{formatSeconds(
60
63
Math.max(props.at, 0),