fix: update api key now uses userId

services/web-app/src/app/demo/page.tsx

@@ -1,10 +1,11 @@
 "use client";
 import { useSession } from "next-auth/react";
 import React, { useState } from "react";
-import Loading from "@/components/loading/loading";
-import CodeTextArea from "@/components/textFields/codeBox";
-import ReviewedCode from "@/components/textFields/reviewedCode";
-import BasicButton from "@/components/buttons/basicButton";
+
+import BasicButton from "../../components/buttons/basicButton";
+import Loading from "../../components/loading/loading";
+import CodeTextArea from "../../components/textFields/codeBox";
+import ReviewedCode from "../../components/textFields/reviewedCode";
 
 export default function Demo(): JSX.Element {
   const { status } = useSession();

services/web-app/src/app/profile/page.tsx

@@ -1,5 +1,6 @@
 "use client";
 import Image from "next/image";
+import { User } from "next-auth";
 import { useSession } from "next-auth/react";
 import { useEffect, useState } from "react";
 
@@ -8,7 +9,6 @@ import UpdateAPIKey from "../../components/dialog/updateApiKey";
 import Loading from "../../components/loading/loading";
 import { RepoTable } from "../../components/tables/repoTable";
 import useAxios from "../../lib/hooks/useAxios";
-import { User } from "../../lib/types";
 
 const containsUserDataFields = (input: object): boolean =>
   "email" in input &&
@@ -79,9 +79,11 @@ export default async function Profile(): Promise<JSX.Element> {
 
   const handleUpdateApiKey = async (newApiKey: string) => {
     try {
+      console.log("user -> ", user);
+      console.log("session -> ", session);
       const response = await axiosInstance.post(`/updateUser`, {
-        userID: user.userId,
         apiKey: newApiKey,
+        userId: user.userId,
       });
       console.log("API key updated successfully:", response.data);
     } catch (error) {

services/web-app/src/components/textFields/reviewedCode.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-interface ReviewedCodeProps {
+type ReviewedCodeProps = {
   text: string;
   isHidden: boolean;
 }

services/web-app/src/lib/hooks/useAxios.tsx

@@ -1,4 +1,5 @@
 import axios, { type AxiosInstance } from "axios";
+import { Session } from "next-auth";
 import { getSession } from "next-auth/react";
 
 import { BASE_URL } from "../constants";
@@ -17,13 +18,13 @@ const useAxios = async (): Promise<{ axiosInstance: AxiosInstance }> => {
   }
 
   axiosInstance.interceptors.request.clear();
-  axiosInstance.interceptors.request.use((config) => {
-    //TODO: investigate this as the Session type returned from does not seem to contain 'token'
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-    config.headers.Authorization = session.token;
-
-    return config;
-  });
+  axiosInstance.interceptors.request.use(
+    (config) => {
+      config.headers["Authorization"] = `Bearer ${(session as Session)?.token ?? ""}`;
+      
+      return config;
+    }
+  );
 
   return { axiosInstance };
 };

services/web-app/src/pages/api/auth/[...nextauth].ts

@@ -55,7 +55,7 @@ const authOptions: NextAuthOptions = {
     async session({ session, token }) {
       if (session.user) {
         session.user.id = token.sub;
-        session.token = token;
+        session.token = token.token;
       }
 
       return session;

services/web-app/types/next-auth.d.ts

@@ -2,16 +2,17 @@ import { JWT } from "next-auth/jwt";
 
 declare module "next-auth" {
   interface Session {
-    token?: JWT;
+    token?: string;
     user?: User;
     expires?: ISODateString;
   }
 
   interface User {
     name?: string;
     email?: string;
-    picture?: string;
+    pictureUrl?: string;
     id?: string;
+    repos?: [string];
   }
 }