From ef9ec6f91ea868066cc80cc7e56410469ae540d3 Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Sat, 13 Mar 2021 20:16:15 -0800
Subject: [PATCH] Hide playlist visualizer when stopped

Fized #1071
---
 packages/webamp/css/main-window.css          | 4 ----
 packages/webamp/js/components/Visualizer.tsx | 4 ++++
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/webamp/css/main-window.css b/packages/webamp/css/main-window.css
index 89aa5634..aafb66c6 100755
--- a/packages/webamp/css/main-window.css
+++ b/packages/webamp/css/main-window.css
@@ -162,10 +162,6 @@
   left: 79px;
 }
 
-#webamp #main-window.stop #visualizer {
-  display: none;
-}
-
 #webamp .text {
   display: none;
 }
diff --git a/packages/webamp/js/components/Visualizer.tsx b/packages/webamp/js/components/Visualizer.tsx
index eae6e78b..f9559335 100644
--- a/packages/webamp/js/components/Visualizer.tsx
+++ b/packages/webamp/js/components/Visualizer.tsx
@@ -150,6 +150,10 @@ function Visualizer({ analyser }: Props) {
     };
   }, [canvas, paintFrame]);
 
+  if (status === MEDIA_STATUS.STOPPED) {
+    return null;
+  }
+
   return (
     <canvas
       id="visualizer"