Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-03-31 06:58:52 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

auto hide skip intro button completly

Browse source
This commit is contained in:
Pas 2025-02-12 17:55:20 -07:00
parent 3c3b0feb95
commit fd420cfebc
1 changed files with 5 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/player/atoms/SkipIntroButton.tsx
View file

@ -1,5 +1,5 @@
import classNames from "classnames";
import { useCallback, useEffect, useState } from "react";
import { useCallback } from "react";
import { Icon, Icons } from "@/components/Icon";
import { Transition } from "@/components/utils/Transition";
@ -11,9 +11,10 @@ function shouldShowSkipButton(
): "always" | "hover" | "none" {
if (typeof skipTime !== "number") return "none";
// Show button from beginning until the skip point
// Only show during the first 10 seconds of the intro section
if (currentTime >= 0 && currentTime < skipTime) {
return "always";
if (currentTime <= 10) return "always";
return "hover";
}
return "none";
@ -45,12 +46,6 @@ export function SkipIntroButton(props: {
const time = usePlayerStore((s) => s.progress.time);
const status = usePlayerStore((s) => s.status);
const display = usePlayerStore((s) => s.display);
const [isReduced, setIsReduced] = useState(false);
// Update opacity based on video time
useEffect(() => {
setIsReduced(time >= 10);
}, [time]);
const showingState = shouldShowSkipButton(time, props.skipTime);
@ -81,9 +76,8 @@ export function SkipIntroButton(props: {
>
<div
className={classNames([
"absolute bottom-0 right-0 transition-all duration-500 flex items-center space-x-3",
"absolute bottom-0 right-0 transition-[bottom] duration-200 flex items-center space-x-3",
bottom,
isReduced ? "opacity-30 hover:opacity-100" : "opacity-100",
])}
>
<Button