Fix touch controls position with no next or no prev episode

This commit is contained in:
Zoe Roux 2024-01-23 22:41:06 +01:00
parent 1901c908ff
commit 647a4c3782

View File

@ -124,25 +124,28 @@ export const TouchControls = ({
props, props,
)} )}
> >
{previousSlug && ( <IconButton
<IconButton icon={SkipPrevious}
icon={SkipPrevious} as={Link}
as={Link} href={previousSlug}
href={previousSlug} replace
replace size={ts(4)}
size={ts(4)} {...css([!previousSlug && { opacity: 0, pointerEvents: "none" }], common)}
{...common} />
/>
)}
<IconButton <IconButton
icon={isPlaying ? Pause : PlayArrow} icon={isPlaying ? Pause : PlayArrow}
onPress={() => setPlay(!isPlaying)} onPress={() => setPlay(!isPlaying)}
size={ts(8)} size={ts(8)}
{...common} {...common}
/> />
{nextSlug && ( <IconButton
<IconButton icon={SkipNext} as={Link} href={nextSlug} replace size={ts(4)} {...common} /> icon={SkipNext}
)} as={Link}
href={nextSlug}
replace
size={ts(4)}
{...css([!nextSlug && { opacity: 0, pointerEvents: "none" }], common)}
/>
</HoverTouch> </HoverTouch>
); );
}; };