added undo for toggling boolean tags

1 files changed, 7 insertions, 1 deletions

diff --git a/src/client/views/TagsView.tsx b/src/client/views/TagsView.tsx
index 9574bd30e..65e70e8fc 100644
--- a/src/client/views/TagsView.tsx
+++ b/src/client/views/TagsView.tsx
@@ -217,7 +217,13 @@ export class TagItem extends ObservableReactComponent<TagItemProps> {
                     <span>
                         <b style={{ fontSize: 'smaller' }}>{tag}&nbsp;</b>
                         {typeof this._props.doc[metadata] === 'boolean' ? (
-                            <input type="checkbox" onClick={e => e.stopPropagation()} onPointerDown={e => e.stopPropagation()} onChange={e => (this._props.doc[metadata] = !this._props.doc[metadata])} checked={this._props.doc[metadata] as boolean} />
+                            <input
+                                type="checkbox"
+                                onClick={e => e.stopPropagation()}
+                                onPointerDown={e => e.stopPropagation()}
+                                onChange={undoable(e => (this._props.doc[metadata] = !this._props.doc[metadata]), 'metadata toggle')}
+                                checked={this._props.doc[metadata] as boolean}
+                            />
                         ) : (
                             Field.toString(this._props.doc[metadata])
                         )}