outsourced modals

frontend/src/utils/api/form.ts

@@ -1,7 +1,10 @@
 import { API_BASE } from "../../config/api.config";
 import type { FormData } from "../../config/interfaces.config";
 
-export const submitFormData = async (data: FormData, username: string) => {
+export const submitFormData = async (
+  data: FormData,
+  username: string | null,
+) => {
   console.warn("submitFormData is fetching!");
 
   // await new Promise((resolve) => setTimeout(resolve, 3000)); // Wait 3 seconds

frontend/src/utils/api/users.ts

@@ -10,7 +10,11 @@ export const fetchUsers = async () => {
   return data;
 };
 
-export const confirmUser = async (username: string) => {
+export const confirmUser = async (username: string | null) => {
+  if (!username) {
+    return;
+  }
+
   console.warn("confirmUser is fetching!");
   const response = await fetch(
     `${API_BASE}/default/confirm-user?username=${username}`,