diff --git a/.changeset/slimy-beans-vanish.md b/.changeset/slimy-beans-vanish.md new file mode 100644 index 0000000000..0bab4df0df --- /dev/null +++ b/.changeset/slimy-beans-vanish.md @@ -0,0 +1,5 @@ +--- +"@medusajs/dashboard": patch +--- + +fix(dashboard): Use date util to properly format date in order details view diff --git a/packages/admin/dashboard/src/routes/orders/order-detail/components/order-general-section/order-general-section.tsx b/packages/admin/dashboard/src/routes/orders/order-detail/components/order-general-section/order-general-section.tsx index 8091c5287c..54f5c81bc5 100644 --- a/packages/admin/dashboard/src/routes/orders/order-detail/components/order-general-section/order-general-section.tsx +++ b/packages/admin/dashboard/src/routes/orders/order-detail/components/order-general-section/order-general-section.tsx @@ -9,11 +9,11 @@ import { toast, usePrompt, } from "@medusajs/ui" -import { format } from "date-fns" import { useTranslation } from "react-i18next" import { isPresent } from "../../../../../../../../core/utils/src/common/is-present" import { ActionMenu } from "../../../../../components/common/action-menu" import { useCancelOrder } from "../../../../../hooks/api/orders" +import { useDate } from "../../../../../hooks/use-date" import { getCanceledOrderStatus, getOrderFulfillmentStatus, @@ -27,6 +27,7 @@ type OrderGeneralSectionProps = { export const OrderGeneralSection = ({ order }: OrderGeneralSectionProps) => { const { t } = useTranslation() const prompt = usePrompt() + const { getFullDate } = useDate() const { mutateAsync: cancelOrder } = useCancelOrder(order.id) @@ -63,7 +64,7 @@ export const OrderGeneralSection = ({ order }: OrderGeneralSectionProps) => { {t("orders.onDateFromSalesChannel", { - date: format(new Date(order.created_at), "dd MMM, yyyy, HH:mm:ss"), + date: getFullDate({ date: order.created_at, includeTime: true }), salesChannel: order.sales_channel?.name, })}