diff --git a/src/pages/workorders/api.js b/src/pages/workorders/api.js index 0cc6d8d0..48bdcb98 100644 --- a/src/pages/workorders/api.js +++ b/src/pages/workorders/api.js @@ -23,6 +23,7 @@ export const getWorkOrderById = async (id) => { assignedTo: wo.assignee ?? wo.assignedTo ?? "", dueDate: wo.dueDate ? wo.dueDate.split("T")[0] : "", createdDate: wo.createdDate ? wo.createdDate.split("T")[0] : "", + createdDateFull: wo.createdDate ?? "", description: wo.description ?? "", priority: wo.priority ?? "", status: wo.status ?? "Open", diff --git a/src/pages/workorders/view/WorkOrderViewPage.js b/src/pages/workorders/view/WorkOrderViewPage.js index a07420a5..4b92d59f 100644 --- a/src/pages/workorders/view/WorkOrderViewPage.js +++ b/src/pages/workorders/view/WorkOrderViewPage.js @@ -4,6 +4,15 @@ import { toast } from "react-toastify"; import { getWorkOrderById } from "../api"; import "./WorkOrderViewPage.css"; +function formatDateTime(value) { + const d = new Date(value.endsWith("Z") ? value : value + "Z"); + if (isNaN(d)) return value; + const date = d.toLocaleDateString("en-CA"); + const time = d.toLocaleTimeString(undefined, { hour: "2-digit", minute: "2-digit", hour12: false }); + const tz = d.toLocaleTimeString(undefined, { timeZoneName: "short" }).split(" ").pop(); + return `${date} ${time} ${tz}`; +} + export default function WorkOrderViewPage() { const { id } = useParams(); const navigate = useNavigate(); @@ -79,7 +88,9 @@ export default function WorkOrderViewPage() {