50 lines
966 B
TypeScript
50 lines
966 B
TypeScript
import type { BulkImportState } from "../hooks/use-bulk-import.js";
|
|
import { Toast } from "./toast.js";
|
|
|
|
interface BulkImportToastsProps {
|
|
state: BulkImportState;
|
|
visible: boolean;
|
|
onReset: () => void;
|
|
}
|
|
|
|
export function BulkImportToasts({
|
|
state,
|
|
visible,
|
|
onReset,
|
|
}: BulkImportToastsProps) {
|
|
if (!visible) return null;
|
|
|
|
if (state.status === "loading") {
|
|
return (
|
|
<Toast
|
|
message={`Loading sources... ${state.completed + state.failed}/${state.total}`}
|
|
progress={
|
|
state.total > 0 ? (state.completed + state.failed) / state.total : 0
|
|
}
|
|
onDismiss={() => {}}
|
|
/>
|
|
);
|
|
}
|
|
|
|
if (state.status === "complete") {
|
|
return (
|
|
<Toast
|
|
message="All sources loaded"
|
|
onDismiss={onReset}
|
|
autoDismissMs={3000}
|
|
/>
|
|
);
|
|
}
|
|
|
|
if (state.status === "partial-failure") {
|
|
return (
|
|
<Toast
|
|
message={`Loaded ${state.completed}/${state.total} sources (${state.failed} failed)`}
|
|
onDismiss={onReset}
|
|
/>
|
|
);
|
|
}
|
|
|
|
return null;
|
|
}
|