auth with api

src/backend/api.js

@@ -0,0 +1,45 @@
+import {getConfigValue} from "@brojs/cli";
+
+export const BASE_API_URL = "http://localhost:8099" + getConfigValue("enterfront.api");
+
+// fetch(`${BASE_API_URL}/books/list`)
+
+export async function post(path, body) {
+    const res = await fetch(`${BASE_API_URL}${path}`, {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify(body)
+    });
+
+    if (res.status === 200) {
+        const data = await res.json();
+        console.log("Received post:", data);
+
+        return {ok: true, data: data};
+    } else {
+        const errorData = await res.json();
+        console.log("Error during post:", errorData.message);
+
+        return {ok: false, data: errorData};
+    }
+}
+
+export async function get(path){
+    const res = await fetch(`${BASE_API_URL}${path}`, {
+        method: "GET"
+    });
+
+    if (res.status === 200) {
+        const data = await res.json();
+        console.log("Received get:", data);
+
+        return {ok: true, data: data};
+    } else {
+        const errorData = await res.json();
+        console.log("Error during get:", errorData.message);
+
+        return {ok: false, data: errorData};
+    }
+}

src/backend/notifications/message.tsx

@@ -0,0 +1,6 @@
+export enum MessageType {
+    ERROR,
+    SUCCESS,
+    INFO,
+    WARN
+}

src/backend/notifications/notifications.js

@@ -0,0 +1,28 @@
+import {toast} from "react-toastify";
+import {MessageType} from "./message.tsx";
+
+export const displayMessage = (message, type) => {
+    switch (type) {
+        default:
+        case MessageType.ERROR:
+            toast.error(message, {
+                position: 'bottom-right',
+            });
+            break;
+        case MessageType.INFO:
+            toast.info(message, {
+                position: 'bottom-right',
+            });
+            break;
+        case MessageType.SUCCESS:
+            toast.success(message, {
+                position: 'bottom-right',
+            });
+            break;
+        case MessageType.WARN:
+            toast.warn(message, {
+                position: 'bottom-right',
+            });
+            break;
+    }
+}