monitor.tsx

import type { z } from "zod";

import type { selectPublicMonitorSchema } from "@openstatus/db/src/schema";

import { getMonitorListData } from "@/lib/tb";
import { Tracker } from "../tracker";
import { getI18n } from '@/yuzu/server';

export const Monitor = async ({
  monitor,
}: {
  monitor: z.infer<typeof selectPublicMonitorSchema>;
}) => {
  const data = await getMonitorListData({ monitorId: String(monitor.id) });
  const t = await getI18n();
  if (!data) return <div>{t('Something went wrong')}</div>;
  return (
    <Tracker
      data={data}
      id={monitor.id}
      name={monitor.name}
      url={monitor.url}
      description={monitor.description}
    />
  );
};