From 2ec251c93c03f8cca7f8dada407ed6e99a114ba4 Mon Sep 17 00:00:00 2001
From: mattherzog <Herzog.Matt@gmail.com>
Date: Sun, 21 Jan 2024 15:05:35 -0800
Subject: [PATCH] Fixes audio visualizer color issues (#19)

---
 .../visualization/AgentMultibandAudioVisualizer.tsx           | 4 ++--
 src/lib/types.ts                                              | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/visualization/AgentMultibandAudioVisualizer.tsx b/src/components/visualization/AgentMultibandAudioVisualizer.tsx
index 186cccd..a0cdfe2 100644
--- a/src/components/visualization/AgentMultibandAudioVisualizer.tsx
+++ b/src/components/visualization/AgentMultibandAudioVisualizer.tsx
@@ -72,11 +72,11 @@ export const AgentMultibandAudioVisualizer = ({
       {summedFrequencies.map((frequency, index) => {
         const isCenter = index === Math.floor(summedFrequencies.length / 2);
 
-        let color = accentColor;
+        let color = `${accentColor}-${accentShade}`;
         let shadow = `shadow-lg-${accentColor}`;
         let transform;
 
-        if (state === "listening") {
+        if (state === "listening" || state === "idle") {
           color = isCenter ? `${accentColor}-${accentShade}` : "gray-950";
           shadow = !isCenter ? "" : shadow;
           transform = !isCenter ? "scale(1.0)" : "scale(1.2)";
diff --git a/src/lib/types.ts b/src/lib/types.ts
index 0bc8419..820550d 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -16,6 +16,7 @@ export interface TokenResult {
 }
 
 export type AgentState =
+  | "idle"
   | "listening"
   | "speaking"
   | "thinking"