From 00f561f20edd2ed91bc5fe90e51de25afe972920 Mon Sep 17 00:00:00 2001
From: Liam <admin@fascinated.cc>
Date: Sun, 8 Jan 2023 14:56:01 +0000
Subject: [PATCH] Add transition to greyscale song art on pause

---
 src/components/SongInfo.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/SongInfo.js b/src/components/SongInfo.js
index 55b5180..59f59cf 100644
--- a/src/components/SongInfo.js
+++ b/src/components/SongInfo.js
@@ -57,6 +57,7 @@ export default function SongInfo() {
 		songDifficulty,
 		currentSongTime,
 		songLength,
+		paused,
 	] = useSongDataStore((store) => [
 		store.isLoading,
 		store.bsr,
@@ -66,6 +67,7 @@ export default function SongInfo() {
 		store.songDifficulty,
 		store.currentSongTime,
 		store.songLength,
+		store.paused,
 	]);
 
 	if (!showSongInfo) {
@@ -97,6 +99,10 @@ export default function SongInfo() {
 				placeholder="blur"
 				blurDataURL="https://cdn.fascinated.cc/yb4fgdc1.jpg"
 				unoptimized
+				style={{
+					transition: "ease-in-out 100ms",
+					filter: paused ? "grayscale(1)" : "",
+				}}
 			/>
 			<div className={styles.songInfo}>
 				<p className={styles.songInfoSongName}>