🚀 Username Profile Routing

pipelines-lol · Apr 17, 2024 · 770d235 · 770d235
1 parent 9fbf86d
commit 770d235
Show file tree

Hide file tree

Showing 4 changed files with 78 additions and 12 deletions.
diff --git a/client/src/components/ProfilePicture.js b/client/src/components/ProfilePicture.js
@@ -1,18 +1,15 @@
 import { useEffect, useState } from 'react'
-import { useParams } from 'react-router-dom'
 
 import { HOST } from '../util/apiRoutes'
 import { fetchWithAuth } from '../util/fetchUtils'
 
 export const ProfilePicture = ({ profile, setPfp }) => {
-    const { id } = useParams()
-
     const [fetchedPfp, setFetchedPfp] = useState(null)
 
     const fetchPfp = async () => {
         try {
             const data = await fetchWithAuth({
-                url: `${HOST}/api/pfp/${id}`,
+                url: `${HOST}/api/pfp/${profile._id}`,
                 method: 'GET',
             })
 

diff --git a/client/src/pages/Profile.js b/client/src/pages/Profile.js
@@ -37,12 +37,6 @@ function Profile() {
     const fetchProfile = async () => {
         try {
             setLoading(true)
-            const isValidId = await isMongoDBId(id)
-
-            if (!isValidId) {
-                setProfile(null)
-                throw new Error('Invalid MongoDB ID')
-            }
 
             const data = await fetchWithAuth({
                 url: `${HOST}/api/profile/get/${id}`,
@@ -65,6 +59,31 @@ function Profile() {
         }
     }
 
+    const fetchProfileByUsername = async () => {
+        try {
+            setLoading(true)
+
+            const data = await fetchWithAuth({
+                url: `${HOST}/api/profile/getBy?username=${id}`,
+                method: 'GET',
+            })
+
+            if (data.school) fetchSchool(data.school)
+
+            // Successful fetch and data extraction
+            setProfile(data)
+            setUsername(data.username)
+            setLinkedin(extractLinkedinUsername(data.linkedin))
+            setLocation(data.location)
+            setPfp(data.pfp)
+        } catch (error) {
+            console.error('Error:', error.message)
+            setProfile(null)
+        } finally {
+            setLoading(false)
+        }
+    }
+
     const fetchSchool = async (id) => {
         try {
             const data = await fetchWithAuth({
@@ -182,13 +201,21 @@ function Profile() {
 
     useEffect(() => {
         const fetchInfo = async () => {
-            await fetchProfile()
+            const isValidId = await isMongoDBId(id)
+
+            if (!isValidId.response) {
+                await fetchProfileByUsername()
+            } else {
+                await fetchProfile()
+            }
         }
 
         fetchInfo()
     }, [id])
 
-    const admin = user && (user.profileId === id || user.username === id)
+    // establish if the user viewing the profile
+    // has admin privileges of the viewed profile
+    const admin = user && profile && user.profileId === profile._id
 
     const currentExperienceInfo = // {'Incoming / Currently / Previously', Work Title, Company Name}
         profile && profile.pipeline && profile.pipeline.length > 0

diff --git a/server/controllers/profileController.js b/server/controllers/profileController.js
@@ -53,6 +53,43 @@ const getProfile = async (req, res) => {
   res.status(200).json(profile);
 };
 
+// GET a single profile by username
+const getProfileByUsername = async (req, res) => {
+  const { username } = req.query;
+
+  // Search for profile by username
+  const profile = await Profile.findOne({ username });
+
+  if (!profile) {
+    return res.status(404).json({ error: "No such Profile." });
+  }
+
+  // check if profile is anonymous
+  if (profile.anonymous) {
+    // Convert the Mongoose document to a plain JavaScript object
+    let anonymousProfile = profile.toObject();
+
+    // Use object destructuring to exclude certain properties
+    const { linkedin, pfp, location, lastName, ...rest } = anonymousProfile;
+
+    // Create a new profile object with the properties you want to retain and modify
+    anonymousProfile = {
+      ...rest,
+      firstName: "Anonymous",
+
+      // set unwanted properties an empty string
+      linkedin: "",
+      pfp: "",
+      location: "",
+      lastName: "",
+    };
+
+    return res.status(200).json(anonymousProfile);
+  }
+
+  res.status(200).json(profile);
+};
+
 // GET a certain amount of random profiles
 const getRandomProfiles = async (req, res) => {
   try {
@@ -221,6 +258,7 @@ const updateProfile = async (req, res) => {
 module.exports = {
   getProfiles,
   getProfile,
+  getProfileByUsername,
   getRandomProfiles,
   deleteProfile,
   updateProfile,

diff --git a/server/routes/profiles.js b/server/routes/profiles.js
@@ -2,6 +2,7 @@ const express = require("express");
 const {
   getProfiles,
   getProfile,
+  getProfileByUsername,
   getRandomProfiles,
   deleteProfile,
   updateProfile,
@@ -16,6 +17,9 @@ read.get("/", getProfiles);
 // GET a single profile
 read.get("/get/:id", getProfile);
 
+// GET a single profile by username
+read.get("/getBy", getProfileByUsername);
+
 // GET a certain amount of random profiles
 read.get("/random", getRandomProfiles);