fix syntax error in browse sessions mobile view

This commit is contained in:
Nuwan 2024-10-07 13:34:47 +05:30
parent 29d64b7d0f
commit b83dfb2114
1 changed files with 13 additions and 18 deletions

View File

@ -33,18 +33,6 @@ function JKSession({ session }) {
dispatch(fetchUserLatencies(options));
}, [session.id]);
// const sessionDescription = session => {
// if (session.description) {
// return session.description;
// } else if (session.musician_access && !session.approval_required) {
// return t('list.descriptions.public_open_session', { ns: 'sessions' });
// } else if (session.musician_access && session.approval_required) {
// return t('list.descriptions.private_session', { ns: 'sessions' });
// } else if (!session.musician_access && !session.approval_required) {
// return t('list.descriptions.rsvp_session', { ns: 'sessions' });
// }
// };
const invitedNote = session => {
if (session.invitations.find(i => i.receiver_id === currentUser.id)) {
return t('list.notes.invited', { ns: 'sessions' });
@ -61,7 +49,7 @@ function JKSession({ session }) {
height: '40px',
flexWrap: 'wrap',
overflow: 'hidden',
alignItems: 'center',
alignItems: 'center'
};
return (
@ -107,11 +95,17 @@ function JKSession({ session }) {
<Col>
{participant.tracks.map(track => (
<span key={track.id} className="mr-1 mb-1" title={track.instrment}>
<a id={`Participant${participant.id}Track${track.id}Instrument`} data-testid={`Track${track.id}Instrument`}>
<a
id={`Participant${participant.id}Track${track.id}Instrument`}
data-testid={`Track${track.id}Instrument`}
>
{/* <InstrumentIcon track={track} /> */}
<JKInstrumentIcon instrumentId={track.instrument_id} instrumentName={track.instrument} />
</a>
<UncontrolledTooltip placement="top" target={`Participant${participant.id}Track${track.id}Instrument`}>
<UncontrolledTooltip
placement="top"
target={`Participant${participant.id}Track${track.id}Instrument`}
>
{track.instrument}
</UncontrolledTooltip>
</span>
@ -139,7 +133,7 @@ function JKSession({ session }) {
<small>{hasFriendNote(session)}</small>
</u>
</div>
{/* <div>{sessionDescription(session)}</div> */}
<div>{sessionDescription}</div>
<div className="d-flex flex-row justify-content-between mt-3">
<div className="ml-2 ms-2">
<h5>{t('list.header.musicians', { ns: 'sessions' })}</h5>
@ -197,13 +191,14 @@ function JoinSessionButton({ session }) {
<img src={EnterIcon} alt="enter" className="mr-1" width={20} />
</Button>
<div>
<a href="#" onClick={joinSession}>Join Session</a>
<a href="#" onClick={joinSession}>
Join Session
</a>
</div>
</div>
);
}
JKSession.propTypes = { session: PropTypes.object.isRequired };
export default JKSession;