diff --git a/apps/console/src/components/SnapshotBanner.tsx b/apps/console/src/components/SnapshotBanner.tsx index 96532d709..25a865e4d 100644 --- a/apps/console/src/components/SnapshotBanner.tsx +++ b/apps/console/src/components/SnapshotBanner.tsx @@ -3,7 +3,7 @@ import { useTranslate } from "@probo/i18n"; import { useLazyLoadQuery, graphql } from "react-relay"; import { useLocation } from "react-router"; import type { SnapshotBannerQuery } from "./__generated__/SnapshotBannerQuery.graphql"; -import { getSnapshotTypeUrlPath, getSnapshotTypeLabel, sprintf } from "@probo/helpers"; +import { getSnapshotTypeUrlPath, getSnapshotTypeLabel, sprintf, formatDate } from "@probo/helpers"; const snapshotQuery = graphql` query SnapshotBannerQuery($snapshotId: ID!) { @@ -28,7 +28,7 @@ type Props = { }; export function SnapshotBanner({ snapshotId }: Props) { - const { __, dateFormat } = useTranslate(); + const { __ } = useTranslate(); const location = useLocation(); const data = useLazyLoadQuery(snapshotQuery, { snapshotId }); @@ -53,7 +53,7 @@ export function SnapshotBanner({ snapshotId }: Props) { {sprintf( __("You are viewing a %s snapshot from %s"), getSnapshotTypeLabel(__, snapshot.type).toLocaleLowerCase(), - dateFormat(snapshot.createdAt, { year: "numeric", month: "short", day: "numeric" }) + formatDate(snapshot.createdAt) )}

diff --git a/apps/console/src/components/snapshots/LinkedSnapshotsCard.tsx b/apps/console/src/components/snapshots/LinkedSnapshotsCard.tsx index 7efdb3c78..0f3802ed6 100644 --- a/apps/console/src/components/snapshots/LinkedSnapshotsCard.tsx +++ b/apps/console/src/components/snapshots/LinkedSnapshotsCard.tsx @@ -18,7 +18,7 @@ import { useTranslate } from "@probo/i18n"; import type { LinkedSnapshotsCardFragment$key } from "./__generated__/LinkedSnapshotsCardFragment.graphql"; import { useFragment } from "react-relay"; import { useMemo, useState } from "react"; -import { sprintf, getSnapshotTypeLabel, getSnapshotTypeUrlPath } from "@probo/helpers"; +import { sprintf, getSnapshotTypeLabel, getSnapshotTypeUrlPath, formatDate } from "@probo/helpers"; import { useOrganizationId } from "/hooks/useOrganizationId"; import { LinkedSnapshotsDialog } from "./LinkedSnapshotsDialog"; import clsx from "clsx"; @@ -165,7 +165,7 @@ function SnapshotRow(props: { }) { const snapshot = useFragment(linkedSnapshotFragment, props.snapshot); const organizationId = useOrganizationId(); - const { __, dateFormat } = useTranslate(); + const { __ } = useTranslate(); const urlPath = getSnapshotTypeUrlPath(snapshot.type); const snapshotUrl = `/organizations/${organizationId}/snapshots/${snapshot.id}${urlPath}`; @@ -184,7 +184,7 @@ function SnapshotRow(props: { )} - {dateFormat(snapshot.createdAt, { year: "numeric", month: "short", day: "numeric" })} + {formatDate(snapshot.createdAt)}