feat: new revision history UI (#861)

app/assets/javascripts/components/NoteView/NoteView.tsx

@@ -34,7 +34,6 @@ import { PinNoteButton } from '../PinNoteButton';
 import { NotesOptionsPanel } from '../NotesOptionsPanel';
 import { NoteTagsContainer } from '../NoteTagsContainer';
 import { ActionsMenu } from '../ActionsMenu';
-import { HistoryMenu } from '../HistoryMenu';
 import { ComponentView } from '../ComponentView';
 import { PanelSide, PanelResizer, PanelResizeType } from '../PanelResizer';
 import { ElementIds } from '@/element_ids';
@@ -108,7 +107,6 @@ type State = {
   noteStatus?: NoteStatus;
   saveError?: any;
   showActionsMenu: boolean;
-  showHistoryMenu: boolean;
   showLockedIcon: boolean;
   showProtectedWarning: boolean;
   spellcheck: boolean;
@@ -175,7 +173,6 @@ export class NoteView extends PureComponent<Props, State> {
       noteStatus: undefined,
       noteLocked: this.controller.note.locked,
       showActionsMenu: false,
-      showHistoryMenu: false,
       showLockedIcon: true,
       showProtectedWarning: false,
       spellcheck: true,
@@ -520,10 +517,10 @@ export class NoteView extends PureComponent<Props, State> {
   };
 
   closeAllMenus = (exclude?: string) => {
-    if (!(this.state.showActionsMenu || this.state.showHistoryMenu)) {
+    if (!this.state.showActionsMenu) {
       return;
     }
-    const allMenus = ['showActionsMenu', 'showHistoryMenu'];
+    const allMenus = ['showActionsMenu'];
     const menuState: any = {};
     for (const candidate of allMenus) {
       if (candidate !== exclude) {
@@ -1115,21 +1112,6 @@ export class NoteView extends PureComponent<Props, State> {
                       />
                     )}
                   </div>
-                  <div
-                    className={
-                      (this.state.showHistoryMenu ? 'selected' : '') +
-                      ' sk-app-bar-item'
-                    }
-                    onClick={() => this.toggleMenu('showHistoryMenu')}
-                  >
-                    <div className="sk-label">History</div>
-                    {this.state.showHistoryMenu && (
-                      <HistoryMenu
-                        item={this.note}
-                        application={this.application}
-                      />
-                    )}
-                  </div>
                 </div>
               </div>
             </div>