- fix(studio): stop markBatchDone infinite recursion so batches complete - refactor(api): merge api-response into api and drop the duplicate module - refactor(media): extract shared media loader and URL validator - refactor(ui): extract shared LoadingSpinner for site and admin groups - refactor(dates): consolidate raw date formatting into formatDate util - refactor(logs): share a single generic log-list loader across tables - refactor(theme): merge both ColorField components and reuse contrast helpers - refactor(import): extract shared ImportErrorBanner and SearchInput - chore(): remove dead theme-editor-tabs after inlining tab components
15 lines
481 B
TypeScript
15 lines
481 B
TypeScript
import { AlertCircle } from "lucide-react";
|
|
|
|
/** Shared destructive banner for the import/admin clients. */
|
|
export function ImportErrorBanner({ error }: { error: string }) {
|
|
return (
|
|
<div
|
|
role="alert"
|
|
className="rounded-lg border px-4 py-3 text-sm bg-destructive/10 border-destructive/20 text-destructive flex items-center gap-2"
|
|
>
|
|
<AlertCircle className="w-4 h-4 shrink-0" aria-hidden="true" />
|
|
<span className="min-w-0 break-words">{error}</span>
|
|
</div>
|
|
);
|
|
}
|