71 lines
1.7 KiB
JavaScript
71 lines
1.7 KiB
JavaScript
import axios from "axios";
|
|
import React, { useState, useEffect } from "react";
|
|
import { isAutheticated } from "src/auth";
|
|
import swal from "sweetalert";
|
|
|
|
const OrderDetails = ({ _id, setLoading1 }) => {
|
|
const token = isAutheticated();
|
|
const [userOrder, setUserOrder] = useState();
|
|
// const [loading, setLoading] = useState(true);
|
|
|
|
const getOrders = async () => {
|
|
try {
|
|
const response = await axios.get(`/api/single-pd-order/${_id}`, {
|
|
headers: {
|
|
Authorization: `Bearer ${token}`,
|
|
},
|
|
});
|
|
setUserOrder(response.data.orders);
|
|
setLoading1(false);
|
|
} catch (error) {
|
|
console.error("Error fetching orders:", error);
|
|
swal({
|
|
title: "Warning",
|
|
text: error.message,
|
|
icon: "error",
|
|
button: "Close",
|
|
dangerMode: true,
|
|
});
|
|
setLoading1(false);
|
|
}
|
|
};
|
|
|
|
useEffect(() => {
|
|
getOrders();
|
|
}, [_id]);
|
|
// console.log(userOrder, "userOrder");
|
|
|
|
// if (loading) {
|
|
// return <div>Loading...</div>;
|
|
// }
|
|
|
|
return (
|
|
<>
|
|
<td className="text-start">
|
|
{userOrder?.length > 0
|
|
? new Date(userOrder[0]?.createdAt).toLocaleString("en-IN", {
|
|
weekday: "short",
|
|
month: "short",
|
|
day: "numeric",
|
|
year: "numeric",
|
|
hour: "numeric",
|
|
minute: "numeric",
|
|
hour12: true,
|
|
})
|
|
: userOrder
|
|
? "No Purchase"
|
|
: "Error"}
|
|
</td>
|
|
<td className="text-start">
|
|
{userOrder?.length > 0
|
|
? userOrder?.length
|
|
: userOrder
|
|
? "No Order"
|
|
: "Error"}
|
|
</td>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default OrderDetails;
|