refactor play button for reusability

This commit is contained in:
jeffvli
2025-11-26 14:56:11 -08:00
parent 902ac91b95
commit 2c9ea6d19c
4 changed files with 64 additions and 22 deletions
@@ -236,18 +236,18 @@ export const ItemCardControls = ({
{controls?.onPlay && (
<>
<PlayButton
classNames={clsx(styles.primary)}
classNames={clsx(styles.playButton, styles.primary)}
onClick={playNowHandler}
onLongPress={playShuffleHandler}
/>
<PlayButton
classNames={clsx(styles.secondary, styles.left)}
classNames={clsx(styles.playButton, styles.secondary, styles.left)}
icon="mediaPlayNext"
onClick={playNextHandler}
onLongPress={playNextShuffleHandler}
/>
<PlayButton
classNames={clsx(styles.secondary, styles.right)}
classNames={clsx(styles.playButton, styles.secondary, styles.right)}
icon="mediaPlayLast"
onClick={playLastHandler}
onLongPress={playLastShuffleHandler}