fix inline code with ProfilePicture

src/utils/users/deleteProfilePhoto.ts

@@ -0,0 +1,10 @@
+import fetchWrapper from "../fetchWrapper";
+
+export default async function deleteProfilePhoto(): Promise<{ status: number; ok: boolean; data?: any; error?: string }> {
+  try {
+    const response = await fetchWrapper("/api/profile-photo", null, "DELETE");
+    return { status: response.status || 0, ok: response.status >= 200 && response.status < 300, data: response.data };
+  } catch (err: any) {
+    return { status: 0, ok: false, error: err?.message || "Network error" };
+  }
+}

src/utils/users/replaceProfilePhoto.ts

@@ -0,0 +1,5 @@
+import uploadProfilePhoto from "./uploadProfilePhoto";
+
+export default async function replaceProfilePhoto(file: File) {
+  return uploadProfilePhoto(file);
+}

src/utils/users/uploadProfilePhoto.ts

@@ -0,0 +1,28 @@
+import getXSRFToken from "../getXSRF.js";
+
+export default async function uploadProfilePhoto(file: File): Promise<{ status: number; ok: boolean; data?: any; error?: string }> {
+  const formData = new FormData();
+  formData.append("photo", file);
+
+  try {
+    const csrfToken = await getXSRFToken();
+    const response = await fetch(`${import.meta.env.VITE_API_URL}/api/profile-photo`, {
+      method: "POST",
+      headers: { "X-XSRF-TOKEN": decodeURIComponent(csrfToken) },
+      credentials: "include",
+      body: formData,
+    });
+
+    const status = response.status;
+    let data = null;
+    try {
+      data = await response.json();
+    } catch (e) {
+      // no json
+    }
+
+    return { status, ok: response.ok, data };
+  } catch (err: any) {
+    return { status: 0, ok: false, error: err?.message || "Network error" };
+  }
+}