import React, { useEffect, useState } from 'react'; import LoadingBar from "./LoadingBar"; const OrdersTable = ({orders, isSuccess}) => { const [ getTableHead, setTableHead ] = useState([]); const TableHead = ["# Title","Status","Date","Action"]; useEffect(()=>{ setTableHead(TableHead) },[]) return ( <>
{getTableHead.map((head, index)=>(
{head}
))}
{isSuccess ? ( ):( orders.orders && orders.orders.map((order, index) => (
{order.title ? order.title : "(no title)"}

{order.status}

{order.date}

)) )}
); }; export default OrdersTable;