Feature: Shuffle Button (#941)

2026-05-13 20:10:07 +02:00 · 2025-06-09 16:02:03 +07:00
parent c20e30e387
commit aba64b10d0
4 changed files with 43 additions and 0 deletions
@@ -8,6 +8,7 @@ import {
    RiArrowDownSLine,
    RiArrowUpSLine,
    RiPlayFill,
+    RiShuffleFill,
 } from 'react-icons/ri';
 import { generatePath } from 'react-router';
 import { Link } from 'react-router-dom';
@@ -138,6 +139,21 @@ const PlaylistRow = ({ data, index, style }: ListChildComponentProps) => {
                    >
                        <RiPlayFill />
                    </Button>
+                    <Button
+                        compact
+                        onClick={() => {
+                            if (!data?.items?.[index].id) return;
+                            data.handlePlay(data?.items[index].id, Play.SHUFFLE);
+                        }}
+                        size="md"
+                        tooltip={{
+                            label: t('player.shuffle', { postProcess: 'sentenceCase' }),
+                            openDelay: 500,
+                        }}
+                        variant="default"
+                    >
+                        <RiShuffleFill />
+                    </Button>
                    <Button
                        compact
                        onClick={() => {