diff --git a/src/components/player/atoms/Pause.tsx b/src/components/player/atoms/Pause.tsx index 8594d090..6e33a142 100644 --- a/src/components/player/atoms/Pause.tsx +++ b/src/components/player/atoms/Pause.tsx @@ -2,7 +2,7 @@ import { Icons } from "@/components/Icon"; import { VideoPlayerButton } from "@/components/player/internals/Button"; import { usePlayerStore } from "@/stores/player/store"; -export function Pause(props: { iconSizeClass?: string }) { +export function Pause(props: { iconSizeClass?: string; className?: string }) { const display = usePlayerStore((s) => s.display); const { isPaused } = usePlayerStore((s) => s.mediaPlaying); @@ -13,6 +13,7 @@ export function Pause(props: { iconSizeClass?: string }) { return ( s.status); const { isMobile } = useIsMobile(); + const isLoading = usePlayerStore((s) => s.mediaPlaying.isLoading); return ( @@ -38,10 +39,13 @@ export function PlayerPart(props: PlayerPartProps) { - +