import React, {useEffect, useState} from "react"; import axios from "axios"; import {Head} from "@inertiajs/react"; import {Toaster} from "react-hot-toast"; import AppLayout from "@/Layouts/AppLayout"; import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"; import {faCircleXmark, faSquareCheck} from "@fortawesome/free-solid-svg-icons"; export default function ShippingBatchList() { const [batches, setBatches] = useState([]); const [loading, setLoading] = useState(true); useEffect(() => { axios .get("/api/batchListWMS") .then((response) => { console.log(response.data.batches); setBatches(response.data.batches); setLoading(false); }) .catch((error) => { console.error("Error fetching batches:", error); setLoading(false); }); }, []); return ( (

Expedice batches

)} >
{loading ? (
Loading...
) : (
{batches.filter(b => b.item_count > 0).map((batch) => ( window.location.href = `/expedice/${batch.id}`}> ))}
ID Carrier Results Created At
{batch.id}
{batch.carrier_master.shortname}
{batch.item_count}
{batch.error_count}
{batch.created_at}
)}
); }