Hook up API calls with Axios

frontend/app/utils/api.ts

@@ -0,0 +1,27 @@
+import axios from "axios";
+
+const API_BASE_URL = "http://localhost:8080";
+
+export async function shortenLink(longUrl: string): Promise<{
+    shortUrl: string;
+    manageUrl: string;
+}> {
+    let res = await axios.post(API_BASE_URL + "/l", {
+        url: longUrl,
+        title: "Unnamed",
+    });
+
+    let sl: {
+        id: string;
+        url: string;
+        code: string;
+        title: string;
+        createdAt: string;
+        clicks: number;
+    } = res.data
+
+    return {
+        shortUrl: API_BASE_URL + "/l/" + sl.code,
+        manageUrl: API_BASE_URL + "/l/" + sl.code + "/manage",
+    }
+}

frontend/app/utils/shortenLink.ts

@@ -1,10 +0,0 @@
-export async function shortenLink(longUrl: string): Promise<{
-    shortUrl: string;
-    manageUrl: string;
-}> {
-    let randomText = Math.random().toString(36).substring(2, 8);
-    return {
-        shortUrl: "https://halflink.example/" + randomText,
-        manageUrl: "https://halflink.example/" + randomText + "/manage",
-    }
-}