mirrors/element-web
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2026-05-08 05:36:13 +02:00
Code Issues Projects Releases Wiki Activity

fix(docs): enforce 500ms minimum display time for Saving… indicator

Browse Source
This commit is contained in:
David Langley 2026-03-05 19:32:20 +00:00
parent d21c92aa73
commit 93f2a2af3c
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
apps/web/src/components/views/rooms/wysiwyg_composer/DocumentView.tsx
View File

@ -37,6 +37,9 @@ const DOC_STATE_EVENT_TYPE = "org.element.doc.automerge";
*/
const DELTA_DEBOUNCE_MS = 500;
/** Minimum time (ms) the "Saving…" indicator stays visible before transitioning to "Saved". */
const SAVING_MIN_DISPLAY_MS = 500;
/** How long (ms) to show the "Saved" indicator before resetting to idle. */
const SAVED_CLEAR_DELAY_MS = 2000;
@ -357,9 +360,18 @@ function useDocumentSync(
debounceTimer.current = null;
if (!isCollaborative(composerModel)) return;
setSaveStatus("saving");
const savingStartedAt = Date.now();
/** Wait until at least SAVING_MIN_DISPLAY_MS have elapsed since entering "saving". */
const awaitMinSavingDisplay = (): Promise<void> => {
const remaining = SAVING_MIN_DISPLAY_MS - (Date.now() - savingStartedAt);
return remaining > 0 ? new Promise((r) => setTimeout(r, remaining)) : Promise.resolve();
};
try {
const delta = composerModel.save_incremental();
if (delta.length === 0) {
await awaitMinSavingDisplay();
setSaveStatus("saved");
savedClearTimer.current = setTimeout(() => setSaveStatus("idle"), SAVED_CLEAR_DELAY_MS);
return;
@ -393,6 +405,7 @@ function useDocumentSync(
logger.info("[DocumentView] Saved snapshot to room state");
}
await awaitMinSavingDisplay();
setSaveStatus("saved");
savedClearTimer.current = setTimeout(() => setSaveStatus("idle"), SAVED_CLEAR_DELAY_MS);
} catch (e) {