The prompt props (see UpdatePromptProps).
The rendered update snackbar, or nothing when there's no update.
const { notice, dismiss, applyUpdate } = useUpdateAvailable();
<UpdatePrompt notice={notice} onDismiss={dismiss} onApply={applyUpdate} />
export function UpdatePrompt({ notice, onDismiss, onSnooze, onApply }: UpdatePromptProps) {
const [notesOpen, setNotesOpen] = useState(false);
if (!notice) return null;
// With notes to show, the snackbar defers to the modal, which carries the
// real call to action. Without them there's nothing to expand, so the
// snackbar acts directly.
const hasNotes = notice.notes.length > 0;
const actionLabel = hasNotes
? i18n('update_whats_new')
: notice.source === 'webstore'
? i18n('update_action_reload')
: i18n('update_action_view');
const handleAction = () => {
if (hasNotes) {
setNotesOpen(true);
return;
}
onApply();
};
return (
<>
<PromptSnackbar
testId="update-snackbar"
actionTestId="update-apply"
dismissTestId="update-dismiss"
// Hidden while the modal is up (never two notices for one update).
// Closing via "Later" or ✕ clears `notice`, unmounting the whole prompt.
open={!notesOpen}
message={i18n('update_available_message', [notice.version])}
actionLabel={actionLabel}
onAction={handleAction}
onDismiss={onDismiss}
dismissLabel={i18n('update_dismiss')}
/>
<WhatsNewModal
notice={notice}
open={notesOpen}
onClose={() => {
setNotesOpen(false);
onSnooze();
}}
onApply={onApply}
/>
</>
);
}
Snackbar shown when a newer version of the extension is available.
When the release has notes, the action opens WhatsNewModal and the modal carries the real call to action — the popup is too short to list highlights inline. Without notes there's nothing to expand, so the action applies the update directly: Reload now for Web Store installs (the update is already downloaded and waiting) or View release for manual installs (the user has to download it themselves).
Three levels of "not now", deliberately distinct:
useUpdateAvailable, so the update stays gone across refreshes and prompts again once it expires;It has no auto-hide timeout — a popup can be open for a second or two, so a timed dismissal would routinely never be seen. It closes only on an explicit action, and
useUpdateAvailableremembers the snooze/dismissal per version.