From 9a09bea16b04b187256def35a41c4607e2cd4b1f Mon Sep 17 00:00:00 2001
From: Mike So <offthegrid-mike@users.noreply.github.com>
Date: Fri, 20 Sep 2024 21:10:33 +1000
Subject: [PATCH] add joining help session procedure (#31)

---
 frontend/src/page/Timetable/TimetableHelpSessions.jsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/page/Timetable/TimetableHelpSessions.jsx b/frontend/src/page/Timetable/TimetableHelpSessions.jsx
index fba7300..1c6c6f8 100644
--- a/frontend/src/page/Timetable/TimetableHelpSessions.jsx
+++ b/frontend/src/page/Timetable/TimetableHelpSessions.jsx
@@ -59,7 +59,11 @@ const TimetableHelpSessions = () => {
   }, [getters.content.weeks]);
 
   return <>
-    <div style={{ textAlign: 'center', marginBottom: '20px', }}>Please be aware that help sessions with less tutors may result in longer wait times.</div>
+    <div style={{ border: '1px solid #999', padding: '10px', margin: '0 auto 20px auto', minWidth: 100, maxWidth: '44rem' }}>
+      <p style={{ fontSize: '1.2rem' }}>1. Join the <a href="https://unsw.to/hopper" target="_blank">Hopper Queue</a><br/>
+      2. Stay online on <a href="https://teams.microsoft.com/l/chat/0/0" target="_blank">MS Teams</a></p>
+      <p>Please be aware that help sessions with less tutors may result in longer wait times.</p>
+    </div>
     <SetOfTables boxes={boxes} />
   </>