From cc5f5d2438527003d77db8a60977aac44fc5b705 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sat, 9 Apr 2022 23:57:39 -0700
Subject: [PATCH] Swap seek/skip button order

---
 src/components/player/PlayerBar.tsx | 49 +++++++++++++++--------------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/src/components/player/PlayerBar.tsx b/src/components/player/PlayerBar.tsx
index b0d4290..b65bc99 100644
--- a/src/components/player/PlayerBar.tsx
+++ b/src/components/player/PlayerBar.tsx
@@ -470,38 +470,38 @@ const PlayerBar = () => {
                   }}
                 />
               </CustomTooltip>
-              {/* Seek Backward Button */}
-              <CustomTooltip text={t('Seek backward')}>
+              {/* Previous Song Button */}
+              <CustomTooltip text={t('Previous Track')}>
                 <PlayerControlIcon
-                  aria-label={t('Seek backward')}
+                  aria-label={t('Previous Track')}
                   role="button"
                   tabIndex={0}
-                  icon="backward"
+                  icon="step-backward"
                   size="lg"
                   fixedWidth
                   disabled={playQueue.entry.length === 0}
-                  onClick={handleSeekBackward}
+                  onClick={handlePrevTrack}
                   onKeyDown={(e: any) => {
                     if (e.key === ' ' || e.key === 'Enter') {
-                      handleSeekBackward();
+                      handlePrevTrack();
                     }
                   }}
                 />
               </CustomTooltip>
-              {/* Previous Song Button */}
-              <CustomTooltip text={t('Previous Track')}>
+              {/* Seek Backward Button */}
+              <CustomTooltip text={t('Seek backward')}>
                 <PlayerControlIcon
-                  aria-label={t('Previous Track')}
+                  aria-label={t('Seek backward')}
                   role="button"
                   tabIndex={0}
-                  icon="step-backward"
+                  icon="backward"
                   size="lg"
                   fixedWidth
                   disabled={playQueue.entry.length === 0}
-                  onClick={handlePrevTrack}
+                  onClick={handleSeekBackward}
                   onKeyDown={(e: any) => {
                     if (e.key === ' ' || e.key === 'Enter') {
-                      handlePrevTrack();
+                      handleSeekBackward();
                     }
                   }}
                 />
@@ -524,38 +524,39 @@ const PlayerBar = () => {
                   }}
                 />
               </CustomTooltip>
-              {/* Next Song Button */}
-              <CustomTooltip text={t('Next Track')}>
+
+              {/* Seek Forward Button */}
+              <CustomTooltip text={t('Seek forward')}>
                 <PlayerControlIcon
-                  aria-label={t('Next Track')}
+                  aria-label={t('Seek forward')}
                   role="button"
                   tabIndex={0}
-                  icon="step-forward"
+                  icon="forward"
                   size="lg"
                   fixedWidth
                   disabled={playQueue.entry.length === 0}
-                  onClick={handleNextTrack}
+                  onClick={handleSeekForward}
                   onKeyDown={(e: any) => {
                     if (e.key === ' ' || e.key === 'Enter') {
-                      handleNextTrack();
+                      handleSeekForward();
                     }
                   }}
                 />
               </CustomTooltip>
-              {/* Seek Forward Button */}
-              <CustomTooltip text={t('Seek forward')}>
+              {/* Next Song Button */}
+              <CustomTooltip text={t('Next Track')}>
                 <PlayerControlIcon
-                  aria-label={t('Seek forward')}
+                  aria-label={t('Next Track')}
                   role="button"
                   tabIndex={0}
-                  icon="forward"
+                  icon="step-forward"
                   size="lg"
                   fixedWidth
                   disabled={playQueue.entry.length === 0}
-                  onClick={handleSeekForward}
+                  onClick={handleNextTrack}
                   onKeyDown={(e: any) => {
                     if (e.key === ' ' || e.key === 'Enter') {
-                      handleSeekForward();
+                      handleNextTrack();
                     }
                   }}
                 />