chore: use time format from hook

This commit is contained in:
Nicolas Meienberger 2026-04-02 22:44:44 +02:00 committed by Nico
parent e8d1658c0a
commit fb74aebd12

View file

@ -28,7 +28,6 @@ import { Badge } from "~/client/components/ui/badge";
import { Card, CardTitle } from "~/client/components/ui/card"; import { Card, CardTitle } from "~/client/components/ui/card";
import { Separator } from "~/client/components/ui/separator"; import { Separator } from "~/client/components/ui/separator";
import { parseError } from "~/client/lib/errors"; import { parseError } from "~/client/lib/errors";
import { formatDateTime } from "~/client/lib/datetime";
import { cn } from "~/client/lib/utils"; import { cn } from "~/client/lib/utils";
import { import {
Bell, Bell,
@ -53,6 +52,7 @@ import {
} from "lucide-react"; } from "lucide-react";
import { useNavigate } from "@tanstack/react-router"; import { useNavigate } from "@tanstack/react-router";
import type { GetNotificationDestinationResponse } from "~/client/api-client/types.gen"; import type { GetNotificationDestinationResponse } from "~/client/api-client/types.gen";
import { useTimeFormat } from "~/client/lib/datetime";
type NotificationConfig = GetNotificationDestinationResponse["config"]; type NotificationConfig = GetNotificationDestinationResponse["config"];
type Props = { type Props = {
@ -175,6 +175,7 @@ function NotificationConfigRows({ config }: { config: NotificationConfig }) {
export function NotificationDetailsPage({ notificationId }: { notificationId: string }) { export function NotificationDetailsPage({ notificationId }: { notificationId: string }) {
const navigate = useNavigate(); const navigate = useNavigate();
const [showDeleteConfirm, setShowDeleteConfirm] = useState(false); const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);
const { formatDateTime } = useTimeFormat();
const { data } = useSuspenseQuery({ const { data } = useSuspenseQuery({
...getNotificationDestinationOptions({ path: { id: notificationId } }), ...getNotificationDestinationOptions({ path: { id: notificationId } }),