Merge pull request #159 from capelhoworth/#60-no-skills-dropdown

added conditional on sessions signup page so if no mentors are availa…
TeamProductionSystem · Sep 6, 2023 · c383470 · c383470
2 parents 1b40a0d + 552549c
commit c383470
Showing 1 changed file with 39 additions and 31 deletions.
diff --git a/src/pages/SessionSignup/SessionSignup.js b/src/pages/SessionSignup/SessionSignup.js
@@ -317,38 +317,46 @@ export default function SessionSignup({ token }) {
         >
           Select a Mentor for {selectedDayLabel}:
         </Typography>
-        {/* Once a skill and day is selected view a list of mentors that have the skill selected and have an open avaliblity on the day they selected */}
-        <Grid
-          container
-          marginTop={"2rem"}
-          justifyContent={"center"}
-          sx={{ paddingBottom: "5rem" }}
-        >
-          {filteredMentors.map((mentor) =>
-            mentor.skills ? (
-              <Grid
-                item
-                xs={12}
-                sm={6}
-                md={3}
-                key={mentor.pk}
-                sx={{ padding: 1 }}
-              >
-                <MentorCard
-                  mentor={mentor}
-                  token={token}
-                  selectedDay={selectedDay}
-                  handleSlotSelect={handleSlotSelect}
-                  handleSubmitSession={handleSubmitSession}
-                  issue={issue}
-                  setIssue={setIssue}
-                />
-              </Grid>
-            ) : null
-          )}
-        </Grid>
+        {/* Conditionally render the message if no mentors are available */}
+        {selectedSkill && selectedDay && filteredMentors.length === 0 ? (
+          <Typography
+            variant="h6"
+            sx={{ marginTop: "1rem", marginLeft: "4.5rem", color: "#FFFFFF" }}
+          >
+            No mentors are available for {selectedSkill} at this time.
+          </Typography>
+        ) : (
+          <Grid
+            container
+            marginTop={"2rem"}
+            justifyContent={"center"}
+            sx={{ paddingBottom: "5rem" }}
+          >
+            {filteredMentors.map((mentor) =>
+              mentor.skills ? (
+                <Grid
+                  item
+                  xs={12}
+                  sm={6}
+                  md={3}
+                  key={mentor.pk}
+                  sx={{ padding: 1 }}
+                >
+                  <MentorCard
+                    mentor={mentor}
+                    token={token}
+                    selectedDay={selectedDay}
+                    handleSlotSelect={handleSlotSelect}
+                    handleSubmitSession={handleSubmitSession}
+                    issue={issue}
+                    setIssue={setIssue}
+                  />
+                </Grid>
+              ) : null
+            )}
+          </Grid>
+        )}
       </Box>
-
       {/* <SessionForm /> */}
     </Box>
   );