Fixes audio visualizer color issues (#19)
This commit is contained in:
parent
0acc27e406
commit
2ec251c93c
@ -72,11 +72,11 @@ export const AgentMultibandAudioVisualizer = ({
|
|||||||
{summedFrequencies.map((frequency, index) => {
|
{summedFrequencies.map((frequency, index) => {
|
||||||
const isCenter = index === Math.floor(summedFrequencies.length / 2);
|
const isCenter = index === Math.floor(summedFrequencies.length / 2);
|
||||||
|
|
||||||
let color = accentColor;
|
let color = `${accentColor}-${accentShade}`;
|
||||||
let shadow = `shadow-lg-${accentColor}`;
|
let shadow = `shadow-lg-${accentColor}`;
|
||||||
let transform;
|
let transform;
|
||||||
|
|
||||||
if (state === "listening") {
|
if (state === "listening" || state === "idle") {
|
||||||
color = isCenter ? `${accentColor}-${accentShade}` : "gray-950";
|
color = isCenter ? `${accentColor}-${accentShade}` : "gray-950";
|
||||||
shadow = !isCenter ? "" : shadow;
|
shadow = !isCenter ? "" : shadow;
|
||||||
transform = !isCenter ? "scale(1.0)" : "scale(1.2)";
|
transform = !isCenter ? "scale(1.0)" : "scale(1.2)";
|
||||||
|
|||||||
@ -16,6 +16,7 @@ export interface TokenResult {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export type AgentState =
|
export type AgentState =
|
||||||
|
| "idle"
|
||||||
| "listening"
|
| "listening"
|
||||||
| "speaking"
|
| "speaking"
|
||||||
| "thinking"
|
| "thinking"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user