Campaign supervision dashboard

import type { ComponentProps } from "react";
import {
  createManagementClient,
  createPushSupervisionClient,
  type ManagementExecutor,
} from "@galinum/server/management-client";
import { CampaignDetailPage } from "@galinum/dashboard/campaign-detail";
import { createDashboard } from "@galinum/dashboard/mount";
import { parsePushSupervisionQuery } from "@galinum/dashboard/push-supervision";

const Link = (props: ComponentProps<"a">) => <a {...props} />;

export async function campaignPage(input: {
  url: URL;
  campaignId: string;
  origin: string;
  managementKey: string;
  project: { id: string; name: string };
  viewer: { name: string };
}) {
  const execute: ManagementExecutor = request => {
    const headers = new Headers(request.headers);
    headers.set("authorization", `Bearer ${input.managementKey}`);
    return fetch(new Request(request, { headers, cache: "no-store" }));
  };
  const management = createManagementClient(execute, input.origin);
  const pushSupervision = createPushSupervisionClient(execute, input.origin);
  const pushQuery = parsePushSupervisionQuery({
    pushKind: input.url.searchParams.get("pushKind") ?? undefined,
    pushPage: input.url.searchParams.get("pushPage") ?? undefined,
  });
  const campaignInput = {
    campaignId: input.campaignId,
    query: { state: "" as const, page: 1 },
    pushSupervision,
    pushQuery,
    pushInspectionHref: (next: typeof pushQuery) => {
      const url = new URL(input.url);
      url.searchParams.set("pushKind", next.kind);
      url.searchParams.set("pushPage", String(next.page));
      return url.pathname + url.search;
    },
  };
  return CampaignDetailPage({
    ...campaignInput,
    management,
    projectName: input.project.name,
    Link,
  });
}

const dashboard = createDashboard({
  open: async () => ({ project: input.project, viewer: input.viewer, management }),
  Link,
  docsUrl: "https://docs.galinum.com",
});
return dashboard.pages.campaign(campaignInput);