Function StatusBadge

frontend/src/components/views/RequestView.tsx:104–128

({ success, error }: { success: boolean; error?: string })

}

function StatusBadge({ success, error }: { success: boolean; error?: string }) {
  if (success) {
    return (
      <span className="inline-flex items-center justify-center w-4 h-4 text-green-600 dark:text-green-400">
        <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
        </svg>
      </span>
    );
  }

  const errorIcon = (
    <span className="inline-flex items-center justify-center w-4 h-4 text-red-600 dark:text-red-400 cursor-help">
      <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
      </svg>
    </span>
  );

  if (error) {
    return <ErrorTooltip error={error}>{errorIcon}</ErrorTooltip>;
  }

  return errorIcon;
}

export default function RequestView() {
  const [requests, setRequests] = useState<Request[]>([]);