diff --git a/jam-ui/src/components/client/JKSessionAudioInputs.js b/jam-ui/src/components/client/JKSessionAudioInputs.js index 1525533c3..3e8071e9b 100644 --- a/jam-ui/src/components/client/JKSessionAudioInputs.js +++ b/jam-ui/src/components/client/JKSessionAudioInputs.js @@ -1,6 +1,6 @@ import React from 'react'; import JKSessionMyTrack from './JKSessionMyTrack.js'; -import { getInstrumentIcon45 } from '../../helpers/utils'; +import { getInstrumentIcon45_inverted, convertClientInstrumentToServer } from '../../helpers/utils'; const JKSessionAudioInputs = ({ myTracks, chat, mixerHelper, isRemote = false }) => { return ( @@ -11,15 +11,21 @@ const JKSessionAudioInputs = ({ myTracks, chat, mixerHelper, isRemote = false }) ) : ( <> {myTracks.map((track, index) => { - const instrumentIcon = track.instrumentIcon || getInstrumentIcon45(track.track?.instrument_id || track.track?.instrument); + // Convert client instrument_id to server format for icon lookup + // instrument_id is numeric (e.g., 61 for Piano), but icon map uses server strings ("piano") + const serverInstrument = track.track?.instrument_id + ? convertClientInstrumentToServer(track.track.instrument_id) + : track.track?.instrument; + const instrumentIcon = getInstrumentIcon45_inverted(serverInstrument); return ( - +
+
); })} {chat && (