From e1e79b6d11fcaad18a84db87e23fdc117d9698b4 Mon Sep 17 00:00:00 2001 From: Grayson Marie Smith Date: Sun, 8 Dec 2024 12:40:32 -0600 Subject: [PATCH] Add mentee information page + updates to Mentor Dashboard --- app/src/App.tsx | 2 + app/src/assets/image.jpg | Bin 0 -> 21962 bytes app/src/pages/MenteeInformation.tsx | 113 ++++++++++++++++++++++++++++ app/src/pages/MentorDashboard.tsx | 75 +++++++++++------- app/src/styles/_utilities.scss | 3 + 5 files changed, 166 insertions(+), 27 deletions(-) create mode 100644 app/src/assets/image.jpg create mode 100644 app/src/pages/MenteeInformation.tsx diff --git a/app/src/App.tsx b/app/src/App.tsx index e225897..5459574 100644 --- a/app/src/App.tsx +++ b/app/src/App.tsx @@ -4,6 +4,7 @@ import Home from "./pages/Home"; import MentorDashboard from "./pages/MentorDashboard"; import CreateWorkshop from "./pages/CreateWorkshop"; import CreateMeeting from "./pages/CreateMeeting"; +import MenteeInformation from "./pages/MenteeInformation"; import AuthCallback from "./pages/auth-callback"; function App(): ReactElement { @@ -15,6 +16,7 @@ function App(): ReactElement { } /> } /> } /> + } /> } /> diff --git a/app/src/assets/image.jpg b/app/src/assets/image.jpg new file mode 100644 index 0000000000000000000000000000000000000000..2ef969143401fd9768d3353d1e174d4fd9173715 GIT binary patch literal 21962 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 GzyI0Oj{#r+ literal 0 HcmV?d00001 diff --git a/app/src/pages/MenteeInformation.tsx b/app/src/pages/MenteeInformation.tsx new file mode 100644 index 0000000..775d41c --- /dev/null +++ b/app/src/pages/MenteeInformation.tsx @@ -0,0 +1,113 @@ +import React, { useState } from "react"; +import { useNavigate } from "react-router-dom"; +import Navbar from "../components/Navbar"; +import Image from "../assets/image.jpg"; + +const MenteeInformation = () => { + const navigate = useNavigate(); + const [activeTab, setActiveTab] = useState("Workshops"); + + const menteeData = { + name: "Chloe Kim", + role: "Marketing", + description: + "Lorem ipsum dolor sit amet consectetur. In lectus et et pellentesque a mattis. Sapien morbi congue nulla diam sit non at. Arcu platea semper fermentum at fusce. Eu sem varius molestie elit venenatis. Nulla est sollicitudin.", + workshops: ["Resume Prep", "Career Advancement", "Resume Workshop"], + }; + + return ( + <> + +
+
+
+
+ Profile +
+
+ {menteeData.name} +
+
+ {menteeData.role} +
+
+
+ +
+
+ Information +
+
+
+
+ {menteeData.description} +
+
+ +
+
+
+ {["Workshops", "Meetings", "Schedule New"].map((tab) => ( +
setActiveTab(tab)} + className={ + "Cursor--pointer Padding-bottom--8 Margin-right--32 Text-fontSize--15 " + + (activeTab === tab + ? "Border-bottom--blue Text-color--gray-1000" + : "Text-color--gray-600") + } + style={{ + cursor: 'pointer', + paddingBottom: '8px', + borderBottom: activeTab === tab ? '2px solid #0096C0' : '2px solid transparent', + marginRight: '48px' + }} + > + {tab} +
+ ))} +
+ + {activeTab === "Workshops" && ( +
+
+ Current Workshops +
+
+ {menteeData.workshops.map((workshop, index) => ( +
+
+ {workshop} +
+ ))} +
+ +
+ )} +
+
+
+
+
+ + ); +}; + +export default MenteeInformation; diff --git a/app/src/pages/MentorDashboard.tsx b/app/src/pages/MentorDashboard.tsx index 4c7c25e..ccb9308 100644 --- a/app/src/pages/MentorDashboard.tsx +++ b/app/src/pages/MentorDashboard.tsx @@ -1,48 +1,69 @@ import React, { useState } from "react"; import Navbar from "../components/Navbar"; +import { useNavigate } from "react-router-dom"; +interface MenteeInformationElements { + id: number; + menteeName: string; +} + +const handleClick = (item: MenteeInformationElements) => { + console.log("Clicked:", item); +}; const MentorDashboard = () => { + const navigate = useNavigate(); + + const gridData: MenteeInformationElements[] = [ + { + id: 1, + menteeName: "Jane Doe", + }, + ]; + + const handleClick = (id: number) => { + navigate(`/mentor/mentee-information/`); + }; return ( <>
- -
-
My Mentees
-
Courses
-
- -
-
-
-
-

JaneDoe

-
+
+
+ My Mentees
- -
-
-
-

Jane Doe

-
+
+ Courses
+
-
-
-
-

Jane Doe

+
+ {gridData.map((item) => ( +
handleClick(item.id)} + > +
+
+

+ {item.menteeName} +

+
-
+ ))}
-
-
Upcoming Events!
-
- +
+ Upcoming Events! +
+
); diff --git a/app/src/styles/_utilities.scss b/app/src/styles/_utilities.scss index e7f3a17..ca0fca0 100644 --- a/app/src/styles/_utilities.scss +++ b/app/src/styles/_utilities.scss @@ -590,6 +590,9 @@ .Width--40 { width: 40%; } .Width--60 { width: 60%; } + +.Width--80 { width: 80%; } + .Width--50 { width: 50%; }