diff options
| author | Eleanor Eng <eleanor_eng@brown.edu> | 2019-03-18 19:00:13 -0400 |
|---|---|---|
| committer | Eleanor Eng <eleanor_eng@brown.edu> | 2019-03-18 19:00:13 -0400 |
| commit | 7db0071a1f1232112597176b0b077e6b7e37679d (patch) | |
| tree | b570938f8b132336c6423387737c7d55f44bb520 /src/client/views/ContextMenu.tsx | |
| parent | 88d16b2706d7300b6c8db035b06da831a722e4b5 (diff) | |
Added icons
Diffstat (limited to 'src/client/views/ContextMenu.tsx')
| -rw-r--r-- | src/client/views/ContextMenu.tsx | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/src/client/views/ContextMenu.tsx b/src/client/views/ContextMenu.tsx index 2396ce762..39ccb55b0 100644 --- a/src/client/views/ContextMenu.tsx +++ b/src/client/views/ContextMenu.tsx @@ -13,7 +13,7 @@ library.add(faSearch); export class ContextMenu extends React.Component { static Instance: ContextMenu - @observable private _items: Array<ContextMenuProps> = [{ description: "test", event: (e: React.MouseEvent) => e.preventDefault() }]; + @observable private _items: Array<ContextMenuProps> = [{ description: "test", event: (e: React.MouseEvent) => e.preventDefault(), icon: "smile" }]; @observable private _pageX: number = 0; @observable private _pageY: number = 0; @observable private _display: string = "none"; @@ -72,11 +72,13 @@ export class ContextMenu extends React.Component { render() { return ( <div className="contextMenu-cont" style={{ left: this._pageX, top: this._pageY, display: this._display }} ref={this.ref}> - <div> - {/* <i className="fa fa-search"> </i> */} - <FontAwesomeIcon icon="search" size="lg" /> - <input className="contextMenu-item" type="text" placeholder=" Search . . ." value={this._searchString} onChange={this.onChange} ></input> - </div> + <span> + <span className="icon-background"> + <FontAwesomeIcon icon="circle" size="lg" /> + <FontAwesomeIcon icon="search" size="lg" /> + </span> + <input className="contextMenu-item" type="text" placeholder="Search . . ." value={this._searchString} onChange={this.onChange} ></input> + </span> {this._items.filter(prop => { return prop.description.toLowerCase().indexOf(this._searchString.toLowerCase()) !== -1; }).map(prop => { |