45 lines
1.0 KiB
TypeScript
45 lines
1.0 KiB
TypeScript
import { useBulkImportContext } from "../contexts/bulk-import-context.js";
|
|
import { useSidePanelContext } from "../contexts/side-panel-context.js";
|
|
import { Toast } from "./toast.js";
|
|
|
|
export function BulkImportToasts() {
|
|
const { state, reset } = useBulkImportContext();
|
|
const { bulkImportMode, isRightPanelCollapsed } = useSidePanelContext();
|
|
const visible = !bulkImportMode || isRightPanelCollapsed;
|
|
|
|
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={reset}
|
|
autoDismissMs={3000}
|
|
/>
|
|
);
|
|
}
|
|
|
|
if (state.status === "partial-failure") {
|
|
return (
|
|
<Toast
|
|
message={`Loaded ${state.completed}/${state.total} sources (${state.failed} failed)`}
|
|
onDismiss={reset}
|
|
/>
|
|
);
|
|
}
|
|
|
|
return null;
|
|
}
|