seth
/
jam-cloud
mirror of https://bitbucket.org/jamkazam/jam-cloud.git
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(30-01): wrap JKSessionAudioInputs with React.memo 

- Add memo to React import
- Wrap component with memo(function JKSessionAudioInputs)
- Add displayName for React DevTools
- Prevents unnecessary re-renders when parent re-renders with same props
This commit is contained in:
Nuwan 2026-03-05 18:38:32 +05:30
parent 35997b407a
commit 4dea95e855
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
jam-ui/src/components/client/JKSessionAudioInputs.js
View File

@ -1,8 +1,8 @@
import React from 'react'; import React, { memo } from 'react';
import JKSessionMyTrack from './JKSessionMyTrack.js'; import JKSessionMyTrack from './JKSessionMyTrack.js';
import { getInstrumentIcon45, convertClientInstrumentToServer } from '../../helpers/utils'; import { getInstrumentIcon45, convertClientInstrumentToServer } from '../../helpers/utils';
const JKSessionAudioInputs = ({ myTracks, chat, mixerHelper, isRemote = false, mixType = 'default' }) => { const JKSessionAudioInputs = memo(function JKSessionAudioInputs({ myTracks, chat, mixerHelper, isRemote = false, mixType = 'default' }) {
return ( return (
<div className='d-flex' style={{ gap: '0.5rem' }}> <div className='d-flex' style={{ gap: '0.5rem' }}>
<div> <div>
@ -58,6 +58,8 @@ const JKSessionAudioInputs = ({ myTracks, chat, mixerHelper, isRemote = false, m
</div> </div>
</div> </div>
); );
}; });
JKSessionAudioInputs.displayName = 'JKSessionAudioInputs';
export default JKSessionAudioInputs; export default JKSessionAudioInputs;