diff --git a/src/features/dsp408/components/ConnectionSection/ConnectionSection.tsx b/src/features/dsp408/components/ConnectionSection/ConnectionSection.tsx index 391000b..3732a89 100644 --- a/src/features/dsp408/components/ConnectionSection/ConnectionSection.tsx +++ b/src/features/dsp408/components/ConnectionSection/ConnectionSection.tsx @@ -14,20 +14,14 @@ function ConnectionPanel({ onConnect: () => void; onDisconnect: () => void; }) { - const statusLabel = - isConnected(dsp) - ? 'Connected' - : dsp.isConnecting - ? 'Connecting…' - : 'Disconnected'; - - console.log('ConnectionPanel render:', { - id: dsp.id, - connection: dsp.type === 'DSP408' ? dsp.state.connection : undefined, - isConnected: isConnected(dsp), - isConnecting: dsp.isConnecting, -}); + const statusLabel = + isConnected(dsp) + ? 'Connected' + : dsp.isConnecting + ? 'Connecting…' + : 'Disconnected'; + return (
@@ -42,10 +36,10 @@ function ConnectionPanel({
- {/* */} + - {/* {statusLabel} */} + {statusLabel}
diff --git a/src/features/dsp408/types.ts b/src/features/dsp408/types.ts index aea88c2..41b1d19 100644 --- a/src/features/dsp408/types.ts +++ b/src/features/dsp408/types.ts @@ -247,13 +247,13 @@ export type DSPState = { }; export enum ConnectionStatus { - Connected, - Disconnected, + Connected = 'Connected', + Disconnected = 'Disconnected', } export enum DSPMode { - Demo, - Normal, + Demo = 'Demo', + Normal = 'Normal', } export type DSP408Snapshot = {