From 884203844bcfc12bf4286c80a129b83436b4f9dc Mon Sep 17 00:00:00 2001
From: Nuwan <nuwanchaturanga@gmail.com>
Date: Thu, 21 Mar 2024 08:13:56 +0530
Subject: [PATCH] Join session link

add link under the join button in browse sessions page
---
 jam-ui/src/components/sessions/JKSession.js | 26 +++++++++++++--------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/jam-ui/src/components/sessions/JKSession.js b/jam-ui/src/components/sessions/JKSession.js
index 043a28837..c4e8e7517 100644
--- a/jam-ui/src/components/sessions/JKSession.js
+++ b/jam-ui/src/components/sessions/JKSession.js
@@ -165,7 +165,8 @@ function JoinSessionButton({ session }) {
   const { setNativeAppUnavailable } = useNativeApp();
   const { t } = useTranslation();
 
-  async function joinSession() {
+  async function joinSession(e) {
+    e.preventDefault();
     if (session.musician_access && session.approval_required) {
       toast.info(t('list.alerts.join_request_sent', { ns: 'sessions' }));
     } else {
@@ -182,15 +183,20 @@ function JoinSessionButton({ session }) {
   }
 
   return (
-    <Button
-      data-testid="joinBtn"
-      color="primary"
-      onClick={joinSession}
-      className="btn-join btn-sm mr-1 mb-1 pt-1 pb-1 pl-1 pr-1"
-      style={{ cursor: 'pointer' }}
-    >
-      <img src={EnterIcon} alt="enter" className="mr-1" width={20} />
-    </Button>
+    <div className='d-flex flex-column'>
+      <Button
+        data-testid="joinBtn"
+        color="primary"
+        onClick={joinSession}
+        className="btn-join btn-sm mr-1 mb-1 pt-1 pb-1 pl-1 pr-1"
+        style={{ cursor: 'pointer' }}
+      >
+        <img src={EnterIcon} alt="enter" className="mr-1" width={20} />
+      </Button>
+      <div>
+        <a href="#" onClick={joinSession}>Join Session</a>
+      </div>
+    </div>
   );
 }