Error: Student not found
;
+ }
+
+ return (
+
+
+
+
+
+ {/* Content */}
+
+
+
+ {student.profilePicture ? (
+ 
+ ) : (
+
+
+
+
+ {student.name.charAt(0)}
+
+
+ )}
+
+
+ {student.name}
+
+
+
+ {student.classLevel || "Class Level not specified"}
+
+
+
+
+ {/* Contact Information */}
+
+
+
+ + Contact Information +
+ +
+
+
+
+
+ Email
+
+
+ {student.email}
+
+
+
+
+
+
+
+ Phone
+ {student.phoneNumber || "Not specified"}
+
+
+
+
+ LinkedIn
+ {student.linkedIn ? (
+ e.stopPropagation()}
+ target="_blank"
+ rel="noopener noreferrer"
+ className="text-blue-600 hover:text-blue-800 hover:underline transition-colors"
+ >
+ {formatLinkedInUrl(student.linkedIn)}
+
+ ) : (
+ Not specified
+ )}
+ navigate(`/student/${data._id}`)}
+ className="bg-white rounded-lg overflow-visible h-auto transition border border-gray-300 shadow-sm hover:shadow-md">
+ {/* Card header with avatar and name */}
+
+ );
+};
+
+export default StudentTile;
\ No newline at end of file
diff --git a/frontend/src/components/public/DataList.tsx b/frontend/src/components/public/DataList.tsx
index 256f35f..48a3b99 100644
--- a/frontend/src/components/public/DataList.tsx
+++ b/frontend/src/components/public/DataList.tsx
@@ -119,8 +119,8 @@ const DataList =
+
+
+ {/* Card body with user details */}
+
+ {data.profilePicture ? (
+ 
+ ) : (
+ {data.name.charAt(0)}
+ )}
+
+
+
+ {data.name}
+
+
+
+
+
+
+
+ {data.email}
+
+
+
+
+
+
+ {data.major ? (
+ data.major
+ ) : (
+ Major not specified
+ )}
+
+
+
+
+
+ {data.classLevel ? (
+ data.classLevel.charAt(0).toUpperCase() +
+ data.classLevel.slice(1).toLowerCase()
+ ) : (
+ Class Level not specified
+ )}
+
+
+
+
+ -
No alumni currently fit your query.
-Edit your Industry type to find alumni in a different category.
+No users currently fit your query.
+Edit your filters to find users in a different category.
+
{/* School */}
+
+
+
+
+ + {user.shareProfile + ? "Visible to students" + : "Not shared with students"} +
+
@@ -554,6 +571,31 @@ const Profile = () => {
{updatedUser.type === UserType.Student && isEditing && (
+ (null);
+ console.log("route param id: ", id);
+ const navigate = useNavigate();
+
+ const [student, setStudent] = useState(null);
+ const [loading, setLoading] = useState(true);
+ const { user } = useAuth();
+
+ const [similarities, setSimilarities] = useState(null);
+ const [similaritySummary, setSimilaritySummary] = useState(null);
+ const [similarityLoading, setSimilarityLoading] = useState(false);
+
+ // Email Generation State
+ const [isEmailModalOpen, setIsEmailModalOpen] = useState(false);
+ const [tone, setTone] = useState("Professional");
+ const [purpose, setPurpose] = useState("");
+ const [generatedEmail, setGeneratedEmail] = useState("");
+ const [sharedInterests, setSharedInterests] = useState([]);
+ const [generating, setGenerating] = useState(false);
+
+ const handleGenerate = async () => {
+ if (!user?._id || !id) return;
+ setGenerating(true);
+ setGeneratedEmail("");
+
+ const result = await generateEmail({
+ studentId: user._id,
+ alumniId: id, // In this case, another student
+ tone,
+ purpose
+ });
+
+ if (result.success) {
+ setGeneratedEmail(result.data.email);
+ setSharedInterests(result.data.sharedInterests);
+ } else {
+ toast.current?.show({
+ severity: "error",
+ summary: "Error",
+ detail: result.error || "Failed to generate email"
+ });
+ }
+ setGenerating(false);
+ };
+
+ const copyToClipboard = () => {
+ navigator.clipboard.writeText(generatedEmail);
+ toast.current?.show({
+ severity: "success",
+ summary: "Copied",
+ detail: "Email text copied to clipboard"
+ });
+ };
+
+ const handleStudentUpdate = useCallback(() => {
+ if (!id) return;
+ setLoading(true);
+ getStudentById(id)
+ .then((result: APIResult) => {
+ if (result.success) {
+ setStudent(result.data);
+ } else {
+ toast.current?.clear();
+ toast.current?.show({
+ severity: "error",
+ summary: "Error",
+ detail: "Failed to fetch student profile: " + result.error,
+ });
+ }
+ })
+ .catch(() => toast.current?.show({
+ severity: "error",
+ summary: "Error",
+ detail: "Unexpected error occurred.",
+ }))
+ .finally(() => setLoading(false));
+ }, [id]);
+
+ // Initial company fetch
+ useEffect(() => {
+ handleStudentUpdate();
+ }, [handleStudentUpdate]);
+
+ const resolveUserId = (): string | null => {
+ if (user) {
+ return user._id ?? null;
+ }
+ return null;
+ };
+
+ const fetchSimilarities = async () => {
+ if (!id) return;
+
+ const userId = resolveUserId();
+ if (!userId) {
+ return;
+ }
+
+ try {
+ setSimilarityLoading(true);
+ const res = await getSimilarities(userId, id);
+
+ if (!res.success) {
+ throw new Error("Failed to fetch similarities");
+ }
+
+ setSimilarities(res.data.similarities);
+ setSimilaritySummary(res.data.summary);
+ } finally {
+ setSimilarityLoading(false);
+ }
+ };
+
+
+ if (!student)
+ return (
+ {
+ query: string;
+ major: string[];
+}
+
+const Students = () => {
+ const [search, setSearch] = useState({
+ query: "",
+ major: [],
+ });
+
+ const getPaginatedOpenStudents = useCallback(
+ async (page: number, perPage: number) => {
+ const res = await getStudents({
+ page: page,
+ perPage: perPage,
+ query: search.query.length >= 1 ? search.query : undefined,
+ major: search.major,
+ });
+
+ if (res.success) {
+ return {
+ ...res.data,
+ };
+ } else {
+ console.error(res.error);
+
+ return {
+ page: 0,
+ perPage: 0,
+ total: 0,
+ data: [],
+ } as PaginatedData;
+ }
+ },
+ [search],
+ );
+
+ return (
+
+
+
+
+
+
+
+ Academic Information
diff --git a/frontend/src/pages/Student.tsx b/frontend/src/pages/Student.tsx new file mode 100644 index 0000000..3c39c7a --- /dev/null +++ b/frontend/src/pages/Student.tsx @@ -0,0 +1,557 @@ +import React, { useCallback, useEffect, useState, useRef } from "react"; +import { useParams, useNavigate } from "react-router-dom"; +import { + FaArrowLeft, + FaLinkedin +} from "react-icons/fa"; +import { LuMail, LuWand, LuGraduationCap, LuShare2 } from "react-icons/lu"; +import { FiPhone } from "react-icons/fi"; +import { FaRegCopy } from "react-icons/fa"; +import { generateEmail } from "../api/email"; +import { useAuth } from "../contexts/useAuth"; +import Modal from "../components/public/Modal"; +import { getStudentById, getSimilarities } from "../api/users"; +import { APIResult } from "../api/requests"; +import { Student } from "../types/User"; +import { ProgressSpinner } from "primereact/progressspinner"; +import { Similarity } from "../types/Similarity"; +import { Toast } from "primereact/toast"; + +const StudentProfile: React.FC = () => { + const { id } = useParams<{ id: string }>(); + const toast = useRef
+ Student not found.
+
+ );
+
+ return (
+
+ {!student ? (
+ setIsEmailModalOpen(false)}
+ className="w-full max-w-2xl p-6 rounded-xl"
+ useOverlay
+ >
+
+
+
+ );
+};
+
+export default StudentProfile;
\ No newline at end of file
diff --git a/frontend/src/pages/Students.tsx b/frontend/src/pages/Students.tsx
new file mode 100644
index 0000000..dbeabc7
--- /dev/null
+++ b/frontend/src/pages/Students.tsx
@@ -0,0 +1,88 @@
+import { useState, useCallback } from "react";
+import SearchBar from "../components/public/SearchBar";
+import DataList from "../components/public/DataList";
+import StudentTile from "../components/connect/StudentTile";
+import { getStudents } from "../api/users";
+import { Student } from "../types/User";
+import { PaginatedData } from "../types/PaginatedData";
+import { MajorType } from "../types/User";
+
+interface SearchBarData extends Record
+ Student not found.
+
+ ) : (
+ <>
+ {/* Display Spinner While Loading */}
+ {loading && (
+
+
+ )}
+ {/* When Finished Loading */}
+ {!loading && (
+
+
+ )}
+
+ )}
+
+ {/* Email Generation Modal */}
+
+ {/* Back Button to Exit Profile */}
+
+
+
+
+
+
+
+ {/* Left Column - Profile Image */}
+
+
+
+
+ {/* Right Column - User Information */}
+
+ {student.profilePicture ? (
+
+ ) : (
+
+
+ {student.name
+ .split(" ")
+ .map((n) => n[0])
+ .join("")
+ .toUpperCase()}
+
+ )}
+
+ {/* Basic Information */}
+
+
+
+
+
+
+ {/* LinkedIn */}
+
+
+ + Basic Information +
+ +
+
+
+
+
+ {student.name}
+
+
+
+
+ {student.email}
+
+
+
+ + {student.phoneNumber || "Not provided"} +
+
+
+ {student.linkedIn ? (
+
+ {student.linkedIn}
+
+ ) : (
+
+
+
+ {/* Student-specific Information */}
+ Not provided
+ )} +
+
+
+
+
+ {/* Similarities section */}
+ + Academic Information +
+
+
+
+
+
+
+ + {student.major || "Not specified"} +
+
+
+
+ + {student.classLevel + ? student.classLevel.charAt(0).toUpperCase() + + student.classLevel.slice(1).toLowerCase() + : "Not specified"} +
+
+
+
+ {/* School */}
+
+
+
+
+
+ + {student.shareProfile + ? "Visible to students" + : "Not shared with students"} +
+
+
+
+ {/* Field of Interest */}
+ + {student.school + ? student.school.charAt(0).toUpperCase() + + student.school.slice(1).toLowerCase() + : "Not specified"} +
+
+
+ {Array.isArray(student.fieldOfInterest) && student.fieldOfInterest.length > 0 ? (
+
+ {/* Projects */}
+
+ {student.fieldOfInterest.map((field, index) => (
+
+ {field}
+
+ ))}
+
+ ) : (
+ Not specified
+ )} +
+
+ {Array.isArray(student.projects) && student.projects.length > 0 ? (
+
+ {/* These next two are technically user specific but this will be dealt with during the redesign
+ Hobbies */}
+
+ {student.projects.map((project, index) => (
+
+ {project}
+
+ ))}
+
+ ) : (
+ Not specified
+ )} +
+
+ {Array.isArray(student.hobbies) && student.hobbies.length > 0 ? (
+
+ {/* Skills */}
+
+ {student.hobbies.map((hobby, index) => (
+
+ {hobby}
+
+ ))}
+
+ ) : (
+ Not specified
+ )} +
+
+ {Array.isArray(student.skills) && student.skills.length > 0 ? (
+
+ {/* Companies of Interest */}
+
+ {student.skills.map((skill, index) => (
+
+ {skill}
+
+ ))}
+
+ ) : (
+ Not specified
+ )} +
+
+ {Array.isArray(student.companiesOfInterest) && student.companiesOfInterest.length > 0 ? (
+
+
+ {student.companiesOfInterest.map((companiesOfInterest, index) => (
+
+ {companiesOfInterest}
+
+ ))}
+
+ ) : (
+ Not specified
+ )} +
+
+
+ {similarities && (
+
+
+
+ )}
+ + Similarities +
+-
+ {similarities.map((sim, idx) => (
+
- + {sim.category}:{" "} + {sim.description} + + ))} +
{similaritySummary}
+ )} +
+
+
+
+
+
+ + Generate a personalized outreach email to {student?.name} based on your shared interests. +
+ +
+
+
+
+
+ {generatedEmail && (
+
+
+
+
+
+
+ setPurpose(e.target.value)}
+ placeholder="e.g. Ask for resume advice"
+ className="w-full p-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none"
+ />
+
+
+
+ )}
+
+ Generated Draft
+
+
+
+ {sharedInterests.length > 0 && (
+
+ Shared Interests found:
+ {sharedInterests.join(", ")}
+
+ )}
+
+
+ );
+};
+
+export default Students;
\ No newline at end of file
diff --git a/frontend/src/types/User.ts b/frontend/src/types/User.ts
index 261e916..cf5ba7c 100644
--- a/frontend/src/types/User.ts
+++ b/frontend/src/types/User.ts
@@ -14,6 +14,30 @@ export enum ClassLevel {
Other = "OTHER",
}
+export enum MajorType {
+ AEROSPACEDEFENSE = "AERO_DEF",
+ AUTOMOTIVE = "AUTO",
+ BANKFINANCIALSERVICES = "BANK_FINANCESERV",
+ BIOTECHPHARMACEUTICALS = "BIOTECH_PHARM",
+ CONSUMERGOODS = "CONSGOODS",
+ CYBERSECURITY = "CYBERSEC",
+ ECOMMERCE = "ECOMM",
+ ENERGYUTILITIES = "ENERGY_UTIL",
+ ENTERTAINMENTMEDIA = "ENT_MEDIA",
+ HEALTHMEDICALDEVICES = "HEALTH_MEDDEVICES",
+ ITSERVCONSULTING = "ITSERV_CONSULT",
+ MANUFACTURINGINDUSTRIAL = "MANUF_INDUST",
+ NETWORKINGTELECOMM = "NET_TELECOMM",
+ REALESTTATECONSTUCTION = "REALEST_CONSTRUCT",
+ RETAIL = "RETAIL",
+ SOFTWAREDEVELOPMENT = "SOFTDEV",
+ TECHHARDWARE = "TECH_HARDWARE",
+ TRANSPORTATIONLOGISTICS = "TRANSPORT_LOGISTIC",
+ VENTURECAPITALPRIVATEEQUITY = "VENCAP_PRIVEQUITY",
+ WEBDIGITALSERVICES = "WEB_DIGITALSERV",
+ OTHERS = "OTHER",
+}
+
export interface BaseUser {
_id: string;
email: string;
@@ -29,6 +53,7 @@ export interface BaseUser {
export interface Student extends BaseUser {
type: UserType.Student;
major?: string;
+ shareProfile?: boolean;
classLevel?: ClassLevel;
school?: string;
fieldOfInterest?: string[];
@@ -87,7 +112,7 @@ export interface CreateUserRequest {
fieldOfInterest?: string[];
projects?: string[];
companiesOfInterest?: string[];
- organizations?: string[];
+ organizations?: string[];
specializations?: string[];
hobbies?: string[];
skills?: string[];
@@ -120,4 +145,11 @@ export interface GetAlumniQuery {
industry?: string[];
organizations?: string[];
specializations?: string[];
+}
+
+export interface GetStudentsQuery {
+ page: number;
+ perPage: number;
+ query?: string;
+ major?: string[];
}
\ No newline at end of file
+ {/* Header */}
+
+
+
+ Student Directory
+Connect with UCSD students on Opportune!
+
+
+ selections={[
+ {
+ label: "Major",
+ options: [...Object.values(MajorType)],
+ },
+ ]}
+ placeholder="Search by name, company, or position"
+ onSubmitForm={setSearch}
+ />
+
+ {/* Student List */}
+
+
+
+
+ pageType="students"
+ key={`${search.query}_${search.major.join(',')}`}
+ fetchData={getPaginatedOpenStudents}
+ useServerPagination
+ listStyle={{}}
+ listClassName="grid grid-cols-3 gap-4"
+ paginatorContent={{ setPerPage: true, goToPage: true }}
+ TileComponent={StudentTile}
+ />
+
+