some changes

csm_web/frontend/src/components/section/MentorSectionInfo.tsx

@@ -101,7 +101,9 @@ export default function MentorSectionInfo({
                           >
                             <EyeIcon className="icon" /> View
                           </button>
-                          {showModal === ModalStates.SPACETIME_EDIT && <ProfileModal closeModal={closeModal} />}
+                          {showModal === ModalStates.SPACETIME_EDIT && (
+                            <ProfileModal id={studentId} closeModal={closeModal} />
+                          )}
                         </td>
                       </tr>
                     )

csm_web/frontend/src/components/section/ProfileModal.tsx

@@ -2,14 +2,21 @@ import React, { useState } from "react";
 import LoadingSpinner from "../LoadingSpinner";
 import Modal from "../Modal";
 import { useUserInfo } from "../../utils/queries/base";
+import { UseUserInfoWithId } from "../../utils/queries/profiles";
 import { UserInfo } from "../../utils/types";
+import { useSectionStudents } from "../../utils/queries/sections";
 
 interface ProfileModalProps {
+  id: number;
   closeModal: () => void;
 }
 
-const ProfileModal = ({ closeModal }: ProfileModalProps): React.ReactElement => {
-  const { data: jsonUserInfo, isSuccess: userInfoLoaded } = useUserInfo();
+const ProfileModal = ({ id, closeModal }: ProfileModalProps): React.ReactElement => {
+  // const { data: jsonUserInfo, isSuccess: userInfoLoaded } = UseUserInfoWithId(id);
+  const { data: jsonUserInfo, isSuccess: userInfoLoaded } = useSectionStudents(id);
+  console.log(id);
+  console.log();
+  console.log(jsonUserInfo);
 
   let userInfo: UserInfo | null;
   if (userInfoLoaded) {

csm_web/frontend/src/utils/queries/profiles.tsx

@@ -6,6 +6,7 @@ import { useMutation, UseMutationResult, useQuery, useQueryClient, UseQueryResul
 import { fetchNormalized, fetchWithMethod, HTTP_METHODS } from "../api";
 import { handleError, handlePermissionsError, handleRetry, PermissionError, ServerError } from "./helpers";
 import { DateTime } from "luxon";
+import { RawUserInfo } from "../types";
 
 /* ===== Mutation ===== */
 /**
@@ -22,19 +23,41 @@ export interface UpdateUserInfo {
   pronouns: string;
 }
 
+/**
+ * Hook to get the user's info.
+ */
+export const useStudentsInfo = (): UseQueryResult<RawUserInfo, Error> => {
+  const queryResult = useQuery<RawUserInfo, Error>(
+    ["students"],
+    async () => {
+      const response = await fetchNormalized("/students");
+      if (response.ok) {
+        return await response.json();
+      } else {
+        handlePermissionsError(response.status);
+        throw new ServerError("Failed to fetch user info");
+      }
+    },
+    { retry: handleRetry }
+  );
+
+  handleError(queryResult);
+  return queryResult;
+};
+
 export const useUserInfoUpdateMutation = (userId: number): UseMutationResult<void, ServerError, UpdateUserInfo> => {
   const queryClient = useQueryClient();
   const mutationResult = useMutation<void, Error, UpdateUserInfo>(
     async (body: UpdateUserInfo) => {
       if (isNaN(userId)) {
         throw new PermissionError("Invalid user id");
       }
-      const response = await fetchWithMethod(`/users/${userId}/`, HTTP_METHODS.PATCH, body);
+      const response = await fetchWithMethod(`/user/${userId}/profile`, HTTP_METHODS.PATCH, body);
       if (response.ok) {
         return;
       } else {
         handlePermissionsError(response.status);
-        throw new ServerError(`Failed to create section`);
+        throw new ServerError(`Failed to update user info`);
       }
     },
     {
@@ -49,3 +72,25 @@ export const useUserInfoUpdateMutation = (userId: number): UseMutationResult<voi
   handleError(mutationResult);
   return mutationResult;
 };
+
+/**
+ * Hook to get a section with a given id.
+ */
+export const UseUserInfoWithId = (id: number): UseQueryResult<RawUserInfo, Error> => {
+  const queryResult = useQuery<RawUserInfo, Error>(
+    ["userinfo", id],
+    async () => {
+      const response = await fetchNormalized("/userinfo");
+      if (response.ok) {
+        return await response.json();
+      } else {
+        handlePermissionsError(response.status);
+        throw new ServerError("Failed to fetch user info");
+      }
+    },
+    { retry: handleRetry }
+  );
+
+  handleError(queryResult);
+  return queryResult;
+};