diff --git a/src/pages/parts/player/PlayerPart.tsx b/src/pages/parts/player/PlayerPart.tsx index 2d73286b..dc783c91 100644 --- a/src/pages/parts/player/PlayerPart.tsx +++ b/src/pages/parts/player/PlayerPart.tsx @@ -7,6 +7,8 @@ import { useIsMobile } from "@/hooks/useIsMobile"; import { PlayerMeta, playerStatus } from "@/stores/player/slices/source"; import { usePlayerStore } from "@/stores/player/store"; +import { ScrapingPartInterruptButton } from "./ScrapingPart"; + export interface PlayerPartProps { children?: ReactNode; backUrl: string; @@ -80,7 +82,10 @@ export function PlayerPart(props: PlayerPartProps) { -
+
+ {status === playerStatus.SCRAPING ? ( + + ) : null} {status === playerStatus.PLAYING ? ( <> {isMobile ? : null} diff --git a/src/pages/parts/player/ScrapingPart.tsx b/src/pages/parts/player/ScrapingPart.tsx index af3ee25a..d63d39df 100644 --- a/src/pages/parts/player/ScrapingPart.tsx +++ b/src/pages/parts/player/ScrapingPart.tsx @@ -151,25 +151,32 @@ export function ScrapingPart(props: ScrapingProps) {
); })} -
- - -
); } + +export function ScrapingPartInterruptButton() { + const { t } = useTranslation(); + + return ( +
+ + +
+ ); +}