diff --git a/ts/components/session/SessionSearchInput.tsx b/ts/components/session/SessionSearchInput.tsx index c92b0cb1b..ddbc71a53 100644 --- a/ts/components/session/SessionSearchInput.tsx +++ b/ts/components/session/SessionSearchInput.tsx @@ -1,5 +1,6 @@ import React from 'react'; import { SessionIconButton, SessionIconSize, SessionIconType } from './icon'; +import { ContextMenu, ContextMenuTrigger, MenuItem } from 'react-contextmenu'; interface Props { searchString: string; @@ -16,20 +17,46 @@ export class SessionSearchInput extends React.Component { public render() { const { searchString } = this.props; + const triggerId = 'session-search-input-context'; return ( -
- - this.props.onChange(e.target.value)} - onKeyDown={this.handleKeyDown} - placeholder={this.props.placeholder} - /> -
+ <> + +
+ + this.props.onChange(e.target.value)} + onKeyDown={this.handleKeyDown} + placeholder={this.props.placeholder} + /> +
+
+ + document.execCommand('undo')}> + {window.i18n('editMenuUndo')} + + document.execCommand('redo')}> + {window.i18n('editMenuRedo')} + +
+ document.execCommand('cut')}> + {window.i18n('editMenuCut')} + + document.execCommand('copy')}> + {window.i18n('editMenuCopy')} + + document.execCommand('paste')}> + {window.i18n('editMenuPaste')} + + document.execCommand('selectAll')}> + {window.i18n('editMenuSelectAll')} + +
+ ); }