From b83dfb21143f704d8fff644ca4150b014dc00d2c Mon Sep 17 00:00:00 2001
From: Nuwan <nuwanchaturanga@gmail.com>
Date: Mon, 7 Oct 2024 13:34:47 +0530
Subject: [PATCH] fix syntax error in browse sessions mobile view

---
 jam-ui/src/components/sessions/JKSession.js | 31 +++++++++------------
 1 file changed, 13 insertions(+), 18 deletions(-)

diff --git a/jam-ui/src/components/sessions/JKSession.js b/jam-ui/src/components/sessions/JKSession.js
index d2a4517a9..54f58255c 100644
--- a/jam-ui/src/components/sessions/JKSession.js
+++ b/jam-ui/src/components/sessions/JKSession.js
@@ -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;