app/components/admin/live-notice.tsx

Functions

Imports

It imports no other module of this repo. Imported by app/components/admin/copy-button.tsx, app/components/admin/media-inspector.tsx, app/routes/admin.media._index.tsx.

Source

1/**
2 * An action's result, in two regions that are in the document before any result arrives: a region
3 * inserted together with its text is often never announced. A refusal or failure goes in the alert
4 * region, so it interrupts; everything else is polite.
5 */
6export function LiveNotice({
7  status,
8  alert,
9}: {
10  status?: React.ReactNode;
11  alert?: React.ReactNode;
12}) {
13  return (
14    <>
15      <div role="status">{status ? <p>{status}</p> : null}</div>
16      <div role="alert">{alert ? <p>{alert}</p> : null}</div>
17    </>
18  );
19}