import { Card, Col, Row, Table } from "antd";
import { LocationSaleOrderStatus } from "./location-wise-sale-order";
import { TotalSaleOrders } from "./sale-order";
import './dashboard.css'
import React, { useEffect, useState } from "react";
import Donut from "./donut";
import Barchart from "./barchat";
import Line from "./line";
import Column from "./column";
import Highdonut from "./donut";
import Highline from "./line";
import Highbar from "./barchat";
import Highcolumn from "./column";
export const Dashboard = () => {
const Data = new LocationSaleOrderStatus('kakinada', 100);
const Data1 = new LocationSaleOrderStatus('Unit1', 150);
const Data2 = new LocationSaleOrderStatus('Unit2', 180);
const data1 = new TotalSaleOrders(430, 430, [Data, Data1, Data2]);
const data2 = new TotalSaleOrders(430, 430, [Data, Data1, Data2]);
const data3 = new TotalSaleOrders(430, 430, [Data, Data1, Data2]);
const constructLocationDetail = (locDetail: LocationSaleOrderStatus[]) => {
return locDetail.map(loc =>
<>
{loc.locationName} : {loc.totalSaleOrders}
)
}
// const newData = JsonData.map((JsonData)=>{
return (
<>
(YTD)
Total S.O Count:{data1.totalSaleorders}
Total S.O Qty: {data1.saleOrderQuantity}} bordered={false}>
S.O Count:
{constructLocationDetail(data1.locationDetails)}
S.O Qty:
{constructLocationDetail(data1.locationDetails)}
(YTD)
Total Open S.O Count:{data1.totalSaleorders}
Total Open S.O Qty: {data1.saleOrderQuantity}} bordered={false} style={{ backgroundColor: 'green' }} >
S.O Count:
{constructLocationDetail(data1.locationDetails)}
S.O Qty:
{constructLocationDetail(data1.locationDetails)}
(YTD)
Total Shipped S.O Count:{data1.totalSaleorders}
Total Shipped S.O Qty: {data1.saleOrderQuantity}} bordered={false} style={{ backgroundColor: 'cyan' }} >
S.O Count:
{constructLocationDetail(data1.locationDetails)}
S.O Qty:
{constructLocationDetail(data1.locationDetails)}
);
// })
}
export default Dashboard;