Feat: NextJS user api

[SEBRATHEZEBRA]

No description provided.

[github-actions]

Risk Level 2 - /home/runner/work/code-review-gpt/code-review-gpt/services/web-app/src/app/profile/page.tsx

• There is an unused import statement: "use client".
• The code is missing a return type annotation for the function component Profile().
• The code is missing a return statement for the useEffect() hook.
• The fetchData() function is defined inside the useEffect() hook, which is not recommended.
• The fetchData() function is defined as an async function but is not awaited.
• The fetchData() function is called conditionally based on the user state, but the user state is not included in the dependency array of the useEffect() hook.
• The fetchData() function is called inside the useEffect() hook, but the useEffect() hook does not have a cleanup function.
• The handleUpdateApiKey() function is missing a return type annotation.
• The handleUpdateApiKey() function is missing an error handling mechanism.
• The handleUpdateApiKey() function is missing a loading state to indicate when the API key update is in progress.
• The handleUpdateApiKey() function logs a success message to the console, which is not necessary.
• The code is missing a key prop for the ReturnToHome component.
• The code is missing a key prop for the RepoTable component.
• The code is missing a key prop for the Image component.
• The code is missing a key prop for the UpdateAPIKey component.
• The code is missing a key prop for the h1 element.
• The code is missing a key prop for the div element.
• The code is missing a key prop for the Image component inside the div element.
• The code is missing a key prop for the h1 element inside the div element.
• The code is missing a key prop for the UpdateAPIKey component inside the div element.
• The code is missing a key prop for the RepoTable component inside the div element.

Suggested Changes:

• Remove the unused import statement: "use client".
• Add a return type annotation for the function component Profile():

export default function Profile(): JSX.Element {
  // code
}

• Move the fetchData() function outside of the useEffect() hook and await it:

useEffect(() => {
  const fetchData = async () => {
    // code
  };

  if (!user) {
    await fetchData();
  }
}, [session?.user?.userId, user]);

• Add a cleanup function to the useEffect() hook:

useEffect(() => {
  // code

  return () => {
    // cleanup code
  };
}, [session?.user?.userId, user]);

• Add a return statement for the useEffect() hook:

useEffect(() => {
  // code

  return () => {
    // cleanup code
  };
}, [session?.user?.userId, user]);

// return statement

---

Risk Level 2 - /home/runner/work/code-review-gpt/code-review-gpt/services/web-app/src/pages/api/user/getUser.ts

• The code is missing return type annotations for the getUser() function.
• The code is missing a try-catch block to handle errors.
• The code is missing a loading state to indicate when the API request is in progress.
• The code is using the deprecated "data" property of the Axios response object.

Suggested Changes:

• Add return type annotations for the getUser() function:

export const getUser = async (
  getUserProps: GetUserProps,
  axiosInstance: AxiosInstance
): Promise<UserBody> => {
  // code
};

• Add a try-catch block to handle errors:

export const getUser = async (
  getUserProps: GetUserProps,
  axiosInstance: AxiosInstance
): Promise<UserBody> => {
  try {
    // code
  } catch (error) {
    console.error(\"Failed to getUser:\", error);
    throw error;
  }
};

• Add a loading state to indicate when the API request is in progress:

export const getUser = async (
  getUserProps: GetUserProps,
  axiosInstance: AxiosInstance
): Promise<UserBody> => {
  const [loading, setLoading] = useState(false);

  try {
    setLoading(true);
    // code
  } catch (error) {
    console.error(\"Failed to getUser:\", error);
    throw error;
  } finally {
    setLoading(false);
  }
};

• Use the "data" property of the Axios response object instead of the deprecated "data" property:

export const getUser = async (
  getUserProps: GetUserProps,
  axiosInstance: AxiosInstance
): Promise<UserBody> => {
  const response = await axiosInstance.get<string>(`/getUser?userId=${getUserProps.userId}`);
  const data = response.data;

  return JSON.parse(data) as UserBody;
};

---

🔍🔧🔑

---

Powered by Code Review GPT

[github-actions]

Test results summary:

✅ [PASS] - Test case: Bad variable name
❌ [FAIL] - Test case: Exposed secret
❌ [FAIL] - Test case: Too many nested loops
⚠️ [WARN] - Test case: Unawaited Promise

SUMMARY: ✅ PASS: 1 - ⚠️ WARN: 1 - ❌ FAIL: 2

---

Tests Powered by Code Review GPT

[mattzcarey]

We are removing this?

[mattzcarey]

Do we need this?

[lizacullis]

This is complaining because we don't have types. I'll add a type now.

[mattzcarey]

do we need this token now?

[lizacullis]

I'm not 100% sure on this to be honest. But in my mind we should just remove it because we aren't using tokens at all for the API anymore