import { timeAgo } from "https://deno.land/x/time_ago/mod.ts"; import { Severity } from "./create-incident.tsx"; type Update = { id: string; title: string; description: string; postedAt: number; }; enum Status { OPEN = "open", CLOSED = "closed", } export type Incident = { id: string; title: string; description: string; createdAt: number; closedAt: number; updates: Update[]; severity: Severity; status: Status; }; export const getIcon = (sev: Severity) => { let icon = "🔴"; if (sev === Severity.YELLOW) icon = "🟡"; if (sev === Severity.WHITE) icon = "⚪"; return icon; }; export async function handler() { const incidents: Incident[] = (await Zipper.storage.get("incidents")) || []; console.log(incidents); const open = incidents.filter((i) => i.status === Status.OPEN); const closed = incidents.filter((i) => i.status === Status.CLOSED); const page: any[] = [ ## Status Page , ]; const openIncidents = ( ### Open Incidents {...open.map((i) => ( {`#### ${getIcon(i.severity)} ${i.title}`} {timeAgo(new Date(i.createdAt))} {`> ${i.description}`} {...i.updates?.map((u) => { return {`- **${u.title}** ${u.description}`}; }) || []} {[ , , ]} ))} ); if (open.length > 0) { page.push(openIncidents); } else { page.push("There are no open incidents"); } page.push(---); const closedIncidents = closed .sort((a, b) => a.closedAt - b.closedAt) .map((i) => { return { title: i.title, ["Date opened"]: new Date(i.createdAt).toLocaleDateString(), ["Date closed"]: new Date(i.closedAt).toLocaleDateString(), ["View"]: ( ), }; }); if (closed.length > 0) { page.push(### Past Incidents); page.push(closedIncidents); } return {...page}; } export const config: Zipper.HandlerConfig = { run: true, };

Code Versions

Help & Docs