feat: fetch available order from API

src/api/Order.ts

+import axios from "axios";
+import OrderInterface from "../interfaces/OrderInterface";
+
+const REST_URL = "http://localhost:5000"; // TODO : using env
+
+export async function fetchAvailableOrder() {
+    try {
+        const API_URL = REST_URL + "/order/available-order";
+        const response = await axios.get<OrderInterface[]>(API_URL);
+        return response;
+    } catch(err) {
+        alert(err);
+        throw err;
+    }
+}
\ No newline at end of file

src/pages/AvailableOrder.tsx

@@ -6,46 +6,17 @@ import {
 import OrderInterface from '../interfaces/OrderInterface';
 import { useEffect, useState } from 'react'
 import AvailableOrderCard from '../components/AvailableOrderCard';
-
-// TODO : fetch data from SOAP
-const dummyData : OrderInterface[] = [
-  {
-    alamat : "jl. imam bonjol no.69",
-    nama_penerima : "ukin",
-    biaya_pengiriman : 100
-  },
-  {
-    alamat : "bullet",
-    nama_penerima : "ishraul",
-    biaya_pengiriman : 1111
-  },
-  {
-    alamat : "jl.ngawi",
-    nama_penerima : "rusdi",
-    biaya_pengiriman : 69
-  },
-  {
-    alamat : "jl.ngawi",
-    nama_penerima : "rusdi",
-    biaya_pengiriman : 69
-  },
-  {
-    alamat : "jl.ngawi",
-    nama_penerima : "rusdi",
-    biaya_pengiriman : 69
-  },
-  {
-    alamat : "jl.ngawi",
-    nama_penerima : "rusdi",
-    biaya_pengiriman : 69
-  }
-];
+import { getAvailableOrder } from '../utils/Order';
 
 export default function AvailableOrder() {
-  const [orders, setOrders] = useState<OrderInterface[]>(dummyData);
+  const [orders, setOrders] = useState<OrderInterface[]>([]);
 
   useEffect(() => {
-    
+    const response = getAvailableOrder();
+    response.then((availableOrder) => {
+      console.log(availableOrder.data);
+      setOrders(availableOrder.data);
+    });
   }, []);
 
   return (

src/utils/Order.ts

+import { fetchAvailableOrder } from "../api/Order";
+
+export async function getAvailableOrder() {
+    const userDetail = await fetchAvailableOrder();
+    return userDetail;
+}
\ No newline at end of file