Dashboards: Tweak undo/redo tooltips for a11y clarity (#106325)

This commit is contained in:
kay delaney
2025-06-05 11:32:28 +02:00
committed by GitHub
parent d7a4f497bc
commit e8d6b94120
@@ -169,13 +169,14 @@ function UndoButton({ dashboard }: ToolbarActionProps) {
const editPane = dashboard.state.editPane;
const { undoStack } = editPane.useState();
const undoAction = undoStack[undoStack.length - 1];
const tooltip = undoAction ? `Undo '${undoAction.description}'` : 'Undo';
return (
<ToolbarButton
icon="corner-up-left"
disabled={undoStack.length === 0}
onClick={() => editPane.undoAction()}
tooltip={undoAction?.description}
tooltip={tooltip}
/>
);
}
@@ -184,12 +185,13 @@ function RedoButton({ dashboard }: ToolbarActionProps) {
const editPane = dashboard.state.editPane;
const { redoStack } = editPane.useState();
const redoAction = redoStack[redoStack.length - 1];
const tooltip = redoAction ? `Redo '${redoAction?.description}'` : 'Redo';
return (
<ToolbarButton
icon="corner-up-right"
disabled={redoStack.length === 0}
tooltip={redoAction?.description}
tooltip={tooltip}
onClick={() => editPane.redoAction()}
/>
);