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)}
{...common} {...css([!previousSlug && { opacity: 0, pointerEvents: "none" }], 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>
); );
}; };