Audit Event Receipt Panel (components/ReceiptPanel.tsx)

clawdstrike · apps/desktop/src/features/events/components/ReceiptPanel.tsx · typescript · Apache-2.0
ui, security, pos

Displays detailed audit event information with receipt verification

// Source: https://github.com/backbay-labs/clawdstrike | License: Apache-2.0 | Copyright You must retain, in the Source form of any Derivative Works
// Provided via justclaw.it.com; keep this notice with the code.
/**
 * ReceiptPanel - Detailed view of an audit event with receipt
 */

import { GlassHeader, GlassPanel, GlowButton } from "@backbay/glia/primitives";
import { clsx } from "clsx";
import type { ReactNode } from "react";
import { useState } from "react";
import type { AuditEvent } from "@/types/events";

interface ReceiptPanelProps {
  event: AuditEvent;
  onClose: () => void;
}

export function ReceiptPanel({ event, onClose }: ReceiptPanelProps) {
  const [activeTab, setActiveTab] = useState<"details" | "json">("details");

  return (
    <GlassPanel className="w-96 border-l bor

... (truncated -- full source via MCP)

See the full source, get the GitHub permalink, and search for more like it.

Get a free API key