36faf4706a
Admin login, category/option and profile-question management, and the pending-user review workflow (list, full profile detail, approve/reject with a reason shown back to the user). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
12 lines
427 B
TypeScript
12 lines
427 B
TypeScript
import { AlertCircle } from "lucide-react";
|
|
|
|
export function ErrorBanner({ message }: { message?: string | null }) {
|
|
if (!message) return null;
|
|
return (
|
|
<div className="flex items-start gap-2 rounded-(--radius-sm) bg-red-50 border-2 border-red-100 text-(--color-status-error) px-4 py-3 text-[13px] font-medium">
|
|
<AlertCircle size={16} className="shrink-0 mt-0.5" />
|
|
<span>{message}</span>
|
|
</div>
|
|
);
|
|
}
|