6 files changed, 260 insertions, 122 deletions

diff --git a/frontend/src/api/Api.ts b/frontend/src/api/Api.ts
index 862e688..b782d17 100644
--- a/frontend/src/api/Api.ts
+++ b/frontend/src/api/Api.ts
@@ -1,18 +1,39 @@
-import { MapDiscussionCommentContent, MapDiscussionContent, ModMenuContent } from '@customTypes/Content';
-import { delete_token, get_token } from '@api/Auth';
-import { get_user, get_profile, post_profile } from '@api/User';
-import { get_games, get_chapters, get_games_chapters, get_game_maps, get_search } from '@api/Games';
-import { get_official_rankings, get_unofficial_rankings } from '@api/Rankings';
-import { get_map_summary, get_map_leaderboard, get_map_discussions, get_map_discussion, post_map_discussion, post_map_discussion_comment, delete_map_discussion, post_record, delete_map_record } from '@api/Maps';
-import { delete_map_summary, post_map_summary, put_map_image, put_map_summary } from '@api/Mod';
-import { UploadRunContent } from '@customTypes/Content';
+import { MapDiscussionContent, ModMenuContent } from "@customTypes/Content";
+import { delete_token, get_token } from "@api/Auth";
+import { get_user, get_profile, post_profile } from "@api/User";
+import {
+  get_games,
+  get_chapters,
+  get_games_chapters,
+  get_game_maps,
+  get_search,
+} from "@api/Games";
+import { get_official_rankings, get_unofficial_rankings } from "@api/Rankings";
+import {
+  get_map_summary,
+  get_map_leaderboard,
+  get_map_discussions,
+  get_map_discussion,
+  post_map_discussion,
+  post_map_discussion_comment,
+  delete_map_discussion,
+  post_record,
+  delete_map_record,
+} from "@api/Maps";
+import {
+  delete_map_summary,
+  post_map_summary,
+  put_map_image,
+  put_map_summary,
+} from "@api/Mod";
+import { UploadRunContent } from "@customTypes/Content";
 
 // add new api call function entries here
 // example usage: API.get_games();
 export const API = {
   // Auth
   get_token: () => get_token(),
-  
+
   delete_token: () => delete_token(),
   // User
   get_user: (user_id: string) => get_user(user_id),
@@ -29,28 +50,49 @@ export const API = {
   get_unofficial_rankings: () => get_unofficial_rankings(),
   // Maps
   get_map_summary: (map_id: string) => get_map_summary(map_id),
-  get_map_leaderboard: (map_id: string, page: string) => get_map_leaderboard(map_id, page),
+  get_map_leaderboard: (map_id: string, page: string) =>
+    get_map_leaderboard(map_id, page),
   get_map_discussions: (map_id: string) => get_map_discussions(map_id),
-  get_map_discussion: (map_id: string, discussion_id: number) => get_map_discussion(map_id, discussion_id),
+  get_map_discussion: (map_id: string, discussion_id: number) =>
+    get_map_discussion(map_id, discussion_id),
 
-  post_map_discussion: (token: string, map_id: string, content: MapDiscussionContent) => post_map_discussion(token, map_id, content),
-  post_map_discussion_comment: (token: string, map_id: string, discussion_id: number, comment: string) => post_map_discussion_comment(token, map_id, discussion_id, comment),
-  post_record: (token: string, run: UploadRunContent, map_id: number) => post_record(token, run, map_id),
+  post_map_discussion: (
+    token: string,
+    map_id: string,
+    content: MapDiscussionContent
+  ) => post_map_discussion(token, map_id, content),
+  post_map_discussion_comment: (
+    token: string,
+    map_id: string,
+    discussion_id: number,
+    comment: string
+  ) => post_map_discussion_comment(token, map_id, discussion_id, comment),
+  post_record: (token: string, run: UploadRunContent, map_id: number) =>
+    post_record(token, run, map_id),
 
-  delete_map_discussion: (token: string, map_id: string, discussion_id: number) => delete_map_discussion(token, map_id, discussion_id),
+  delete_map_discussion: (
+    token: string,
+    map_id: string,
+    discussion_id: number
+  ) => delete_map_discussion(token, map_id, discussion_id),
 
-  delete_map_record: (token: string, map_id: number, record_id: number) => delete_map_record(token, map_id, record_id),
+  delete_map_record: (token: string, map_id: number, record_id: number) =>
+    delete_map_record(token, map_id, record_id),
   // Mod
-  post_map_summary: (token: string, map_id: string, content: ModMenuContent) => post_map_summary(token, map_id, content),
-  
-  put_map_image: (token: string, map_id: string, image: string) => put_map_image(token, map_id, image),
-  put_map_summary: (token: string, map_id: string, content: ModMenuContent) => put_map_summary(token, map_id, content),
-  
-  delete_map_summary: (token: string, map_id: string, route_id: number) => delete_map_summary(token, map_id, route_id),
+  post_map_summary: (token: string, map_id: string, content: ModMenuContent) =>
+    post_map_summary(token, map_id, content),
+
+  put_map_image: (token: string, map_id: string, image: string) =>
+    put_map_image(token, map_id, image),
+  put_map_summary: (token: string, map_id: string, content: ModMenuContent) =>
+    put_map_summary(token, map_id, content),
+
+  delete_map_summary: (token: string, map_id: string, route_id: number) =>
+    delete_map_summary(token, map_id, route_id),
 };
 
-const BASE_API_URL: string = "/api/v1/"
+const BASE_API_URL: string = "https://lp.portal2.sr/api/v1/"
 
 export function url(path: string): string {
   return BASE_API_URL + path;
-};
+}
diff --git a/frontend/src/api/Auth.ts b/frontend/src/api/Auth.ts
index 875c7e5..98c6d36 100644
--- a/frontend/src/api/Auth.ts
+++ b/frontend/src/api/Auth.ts
@@ -2,7 +2,7 @@ import axios from "axios";
 import { url } from "@api/Api";
 
 export const get_token = async (): Promise<string | undefined> => {
-  const response = await axios.get(url(`token`))
+  const response = await axios.get(url(`token`));
   if (!response.data.success) {
     return undefined;
   }
diff --git a/frontend/src/api/Games.ts b/frontend/src/api/Games.ts
index 72bb4b3..b739f80 100644
--- a/frontend/src/api/Games.ts
+++ b/frontend/src/api/Games.ts
@@ -6,26 +6,30 @@ import { Map } from "@customTypes/Map";
 import { Search } from "@customTypes/Search";
 
 export const get_games = async (): Promise<Game[]> => {
-  const response = await axios.get(url(`games`))
+  const response = await axios.get(url(`games`));
   return response.data.data;
 };
 
-export const get_chapters = async (chapter_id: string): Promise<GameChapter> => {
+export const get_chapters = async (
+  chapter_id: string
+): Promise<GameChapter> => {
   const response = await axios.get(url(`chapters/${chapter_id}`));
   return response.data.data;
-}
+};
 
-export const get_games_chapters = async (game_id: string): Promise<GamesChapters> => {
+export const get_games_chapters = async (
+  game_id: string
+): Promise<GamesChapters> => {
   const response = await axios.get(url(`games/${game_id}`));
   return response.data.data;
 };
 
 export const get_game_maps = async (game_id: string): Promise<Map[]> => {
-  const response = await axios.get(url(`games/${game_id}/maps`))
+  const response = await axios.get(url(`games/${game_id}/maps`));
   return response.data.data.maps;
 };
 
 export const get_search = async (q: string): Promise<Search> => {
-  const response = await axios.get(url(`search?q=${q}`))
+  const response = await axios.get(url(`search?q=${q}`));
   return response.data.data;
 };
diff --git a/frontend/src/api/Maps.ts b/frontend/src/api/Maps.ts
index aa967ce..2485941 100644
--- a/frontend/src/api/Maps.ts
+++ b/frontend/src/api/Maps.ts
@@ -1,15 +1,25 @@
 import axios from "axios";
 import { url } from "@api/Api";
 import { MapDiscussionContent, UploadRunContent } from "@customTypes/Content";
-import { MapSummary, MapLeaderboard, MapDiscussions, MapDiscussion } from "@customTypes/Map";
+import {
+  MapSummary,
+  MapLeaderboard,
+  MapDiscussions,
+  MapDiscussion,
+} from "@customTypes/Map";
 
 export const get_map_summary = async (map_id: string): Promise<MapSummary> => {
-  const response = await axios.get(url(`maps/${map_id}/summary`))
+  const response = await axios.get(url(`maps/${map_id}/summary`));
   return response.data.data;
 };
 
-export const get_map_leaderboard = async (map_id: string, page: string): Promise<MapLeaderboard | undefined> => {
-  const response = await axios.get(url(`maps/${map_id}/leaderboards?page=${page}`));
+export const get_map_leaderboard = async (
+  map_id: string,
+  page: string
+): Promise<MapLeaderboard | undefined> => {
+  const response = await axios.get(
+    url(`maps/${map_id}/leaderboards?page=${page}`)
+  );
   if (!response.data.success) {
     return undefined;
   }
@@ -17,15 +27,17 @@ export const get_map_leaderboard = async (map_id: string, page: string): Promise
   // map the kind of leaderboard
   data.records = data.records.map((record: any) => {
     if (record.host && record.partner) {
-      return { ...record, kind: 'multiplayer' };
+      return { ...record, kind: "multiplayer" };
     } else {
-      return { ...record, kind: 'singleplayer' };
+      return { ...record, kind: "singleplayer" };
     }
   });
   return data;
 };
 
-export const get_map_discussions = async (map_id: string): Promise<MapDiscussions | undefined> => {
+export const get_map_discussions = async (
+  map_id: string
+): Promise<MapDiscussions | undefined> => {
   const response = await axios.get(url(`maps/${map_id}/discussions`));
   if (!response.data.data.discussions) {
     return undefined;
@@ -33,74 +45,122 @@ export const get_map_discussions = async (map_id: string): Promise<MapDiscussion
   return response.data.data;
 };
 
-export const get_map_discussion = async (map_id: string, discussion_id: number): Promise<MapDiscussion | undefined> => {
-  const response = await axios.get(url(`maps/${map_id}/discussions/${discussion_id}`));
+export const get_map_discussion = async (
+  map_id: string,
+  discussion_id: number
+): Promise<MapDiscussion | undefined> => {
+  const response = await axios.get(
+    url(`maps/${map_id}/discussions/${discussion_id}`)
+  );
   if (!response.data.data.discussion) {
     return undefined;
   }
   return response.data.data;
 };
 
-export const post_map_discussion = async (token: string, map_id: string, content: MapDiscussionContent): Promise<boolean> => {
-  const response = await axios.post(url(`maps/${map_id}/discussions`), {
-    "title": content.title,
-    "content": content.content,
-  }, {
-    headers: {
-      "Authorization": token,
+export const post_map_discussion = async (
+  token: string,
+  map_id: string,
+  content: MapDiscussionContent
+): Promise<boolean> => {
+  const response = await axios.post(
+    url(`maps/${map_id}/discussions`),
+    {
+      title: content.title,
+      content: content.content,
+    },
+    {
+      headers: {
+        Authorization: token,
+      },
     }
-  });
+  );
   return response.data.success;
 };
 
-export const post_map_discussion_comment = async (token: string, map_id: string, discussion_id: number, comment: string): Promise<boolean> => {
-  const response = await axios.post(url(`maps/${map_id}/discussions/${discussion_id}`), {
-    "comment": comment,
-  }, {
-    headers: {
-      "Authorization": token,
+export const post_map_discussion_comment = async (
+  token: string,
+  map_id: string,
+  discussion_id: number,
+  comment: string
+): Promise<boolean> => {
+  const response = await axios.post(
+    url(`maps/${map_id}/discussions/${discussion_id}`),
+    {
+      comment: comment,
+    },
+    {
+      headers: {
+        Authorization: token,
+      },
     }
-  });
+  );
   return response.data.success;
 };
 
-export const delete_map_discussion = async (token: string, map_id: string, discussion_id: number): Promise<boolean> => {
-  const response = await axios.delete(url(`maps/${map_id}/discussions/${discussion_id}`), {
-    headers: {
-      "Authorization": token,
+export const delete_map_discussion = async (
+  token: string,
+  map_id: string,
+  discussion_id: number
+): Promise<boolean> => {
+  const response = await axios.delete(
+    url(`maps/${map_id}/discussions/${discussion_id}`),
+    {
+      headers: {
+        Authorization: token,
+      },
     }
-  });
+  );
   return response.data.success;
 };
 
-export const post_record = async (token: string, run: UploadRunContent, map_id: number): Promise<[boolean, string]> => {
+export const post_record = async (
+  token: string,
+  run: UploadRunContent,
+  map_id: number
+): Promise<[boolean, string]> => {
   if (run.partner_demo) {
-    const response = await axios.postForm(url(`maps/${map_id}/record`), {
-      "host_demo": run.host_demo,
-      "partner_demo": run.partner_demo,
-    }, {
-      headers: {
-        "Authorization": token,
+    const response = await axios.postForm(
+      url(`maps/${map_id}/record`),
+      {
+        host_demo: run.host_demo,
+        partner_demo: run.partner_demo,
+      },
+      {
+        headers: {
+          Authorization: token,
+        },
       }
-    });
+    );
     return [response.data.success, response.data.message];
   } else {
-    const response = await axios.postForm(url(`maps/${map_id}/record`), {
-      "host_demo": run.host_demo,
-    }, {
-      headers: {
-        "Authorization": token,
+    const response = await axios.postForm(
+      url(`maps/${map_id}/record`),
+      {
+        host_demo: run.host_demo,
+      },
+      {
+        headers: {
+          Authorization: token,
+        },
       }
-    });
+    );
     return [response.data.success, response.data.message];
   }
-}
+};
 
-export const delete_map_record = async (token: string, map_id: number, record_id: number): Promise<boolean> => {
-  const response = await axios.delete(url(`maps/${map_id}/record/${record_id}`), {
-    headers: {
-      "Authorization": token,
+export const delete_map_record = async (
+  token: string,
+  map_id: number,
+  record_id: number
+): Promise<boolean> => {
+  const response = await axios.delete(
+    url(`maps/${map_id}/record/${record_id}`),
+    {
+      headers: {
+        Authorization: token,
+      },
     }
-  });
+  );
   return response.data.success;
 };
diff --git a/frontend/src/api/Mod.ts b/frontend/src/api/Mod.ts
index 1511f8b..d682f1a 100644
--- a/frontend/src/api/Mod.ts
+++ b/frontend/src/api/Mod.ts
@@ -2,57 +2,85 @@ import axios from "axios";
 import { url } from "@api/Api";
 import { ModMenuContent } from "@customTypes/Content";
 
-export const put_map_image = async (token: string, map_id: string, image: string): Promise<boolean> => {
-  const response = await axios.put(url(`maps/${map_id}/image`), {
-    "image": image,
-  }, {
-    headers: {
-      "Authorization": token,
+export const put_map_image = async (
+  token: string,
+  map_id: string,
+  image: string
+): Promise<boolean> => {
+  const response = await axios.put(
+    url(`maps/${map_id}/image`),
+    {
+      image: image,
+    },
+    {
+      headers: {
+        Authorization: token,
+      },
     }
-  });
+  );
   return response.data.success;
 };
 
-export const post_map_summary = async (token: string, map_id: string, content: ModMenuContent): Promise<boolean> => {
-  const response = await axios.post(url(`maps/${map_id}/summary`), {
-    "category_id": content.category_id,
-    "user_name": content.name,
-    "score_count": content.score,
-    "record_date": content.date,
-    "showcase": content.showcase,
-    "description": content.description,
-  }, {
-    headers: {
-      "Authorization": token,
+export const post_map_summary = async (
+  token: string,
+  map_id: string,
+  content: ModMenuContent
+): Promise<boolean> => {
+  const response = await axios.post(
+    url(`maps/${map_id}/summary`),
+    {
+      category_id: content.category_id,
+      user_name: content.name,
+      score_count: content.score,
+      record_date: content.date,
+      showcase: content.showcase,
+      description: content.description,
+    },
+    {
+      headers: {
+        Authorization: token,
+      },
     }
-  });
+  );
   return response.data.success;
 };
 
-export const put_map_summary = async (token: string, map_id: string, content: ModMenuContent): Promise<boolean> => {
-  const response = await axios.put(url(`maps/${map_id}/summary`), {
-    "route_id": content.id,
-    "user_name": content.name,
-    "score_count": content.score,
-    "record_date": content.date,
-    "showcase": content.showcase,
-    "description": content.description,
-  }, {
-    headers: {
-      "Authorization": token,
+export const put_map_summary = async (
+  token: string,
+  map_id: string,
+  content: ModMenuContent
+): Promise<boolean> => {
+  const response = await axios.put(
+    url(`maps/${map_id}/summary`),
+    {
+      route_id: content.id,
+      user_name: content.name,
+      score_count: content.score,
+      record_date: content.date,
+      showcase: content.showcase,
+      description: content.description,
+    },
+    {
+      headers: {
+        Authorization: token,
+      },
     }
-  });
+  );
   return response.data.success;
 };
 
-export const delete_map_summary = async (token: string, map_id: string, route_id: number): Promise<boolean> => {
+export const delete_map_summary = async (
+  token: string,
+  map_id: string,
+  route_id: number
+): Promise<boolean> => {
   const response = await axios.delete(url(`maps/${map_id}/summary`), {
     data: {
-      "route_id": route_id,
+      route_id: route_id,
     },
     headers: {
-      "Authorization": token,
-    }
+      Authorization: token,
+    },
   });
   return response.data.success;
 };
diff --git a/frontend/src/api/User.ts b/frontend/src/api/User.ts
index 88da0f2..004aa22 100644
--- a/frontend/src/api/User.ts
+++ b/frontend/src/api/User.ts
@@ -10,16 +10,20 @@ export const get_user = async (user_id: string): Promise<UserProfile> => {
 export const get_profile = async (token: string): Promise<UserProfile> => {
   const response = await axios.get(url(`profile`), {
     headers: {
-      "Authorization": token,
-    }
+      Authorization: token,
+    },
   });
   return response.data.data;
 };
 
-export const post_profile = async (token: string) => {
-  const _ = await axios.post(url(`profile`), {}, {
-    headers: {
-      "Authorization": token,
+export const post_profile = async (token: string): Promise<void> => {
+  await axios.post(
+    url(`profile`),
+    {},
+    {
+      headers: {
+        Authorization: token,
+      },
     }
-  });
+  );
 };