1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s

: / var / www / chinawholesale-frontend-next / src / components / pages / dashboard / orders / mobile /

Filename : TrackingInfo.js

back

'use client';
import React, {useMemo} from 'react';
import {Timeline, Modal} from "antd";
import TrackingItem from "@/components/mixed/TrackingItem";
import {modifiedAdjustedTracking} from "@/helpers/cart-helpers";
import {useWalletTrackingInfo} from "@/api/api-dashboard";

const TrackingInfo = ({item, show, setShow}) => {
	const item_id = item?.id || null;
	const {data} = useWalletTrackingInfo(item_id);
	const filtered = useMemo(() => modifiedAdjustedTracking(data), [data]);

	return (
		<>
			<Modal
				title={<h3 className={'text-xl text-neutral-800 font-bold m-0'}> Tracking Information #{item.item_number} </h3>}
				open={show}
				onOk={() => setShow(false)}
				onCancel={() => setShow(false)}
				width={600}
				centered={true}
				footer={false}
				zIndex={9999}
			>
				<div className={'py-2'}>
					{
						filtered?.length ?
							<Timeline
								items={filtered.map((eachData) => {
									return {
										color: eachData.updated_time ? "green" : "gray",
										children: <TrackingItem item={eachData} wallet={item}/>
									}
								})}
							/>
							:
							<h4 className={'m-0'}>Tracking info will be visible soon!</h4>
					}
				</div>
			</Modal>
		</>
	);
}

export default TrackingInfo;