diff options
Diffstat (limited to 'src/client/util/TooltipTextMenu.tsx')
| -rw-r--r-- | src/client/util/TooltipTextMenu.tsx | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/src/client/util/TooltipTextMenu.tsx b/src/client/util/TooltipTextMenu.tsx index 58abd6c05..9fdabe22b 100644 --- a/src/client/util/TooltipTextMenu.tsx +++ b/src/client/util/TooltipTextMenu.tsx @@ -1,4 +1,6 @@ import { action } from "mobx"; +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { faArrowUp, faTag, faPlus } from '@fortawesome/free-solid-svg-icons'; import { Dropdown, MenuItem, icons, } from "prosemirror-menu"; //no import css import { EditorState, NodeSelection, TextSelection } from "prosemirror-state"; import { EditorView } from "prosemirror-view"; @@ -20,6 +22,8 @@ import { DocumentManager } from "./DocumentManager"; import { Id } from "../../new_fields/FieldSymbols"; import { FormattedTextBoxProps, FormattedTextBox } from "../views/nodes/FormattedTextBox"; import { typeAlias } from "babel-types"; +import React from "react"; +import ReactDOM from "react-dom"; //appears above a selection of text in a RichTextBox to give user options such as Bold, Italics, etc. export class TooltipTextMenu { @@ -443,10 +447,12 @@ export class TooltipTextMenu { } createBrush() { + const icon = <FontAwesomeIcon icon={faArrowUp} />; + const dom = ReactDOM.render(icon, document.body); return new MenuItem({ title: "Brush tool", label: "Brush tool", - icon: icons.join, + icon: dom, css: "color:white;", class: "summarize", execEvent: "", |