diff options
| author | geireann <geireann.lindfield@gmail.com> | 2021-08-31 15:04:22 -0400 |
|---|---|---|
| committer | geireann <geireann.lindfield@gmail.com> | 2021-08-31 15:04:22 -0400 |
| commit | ef630d51e6407f303992e0672fb110a1009e5223 (patch) | |
| tree | 205a62ae796e6c877f6bf071444aa8e4cf76955c /src/client/views/nodes/button/FontIconBox.tsx | |
| parent | 59458f5c11e7e0891391da65a54269a56c5c71b6 (diff) | |
| parent | 84c077d9a99212ea4018b1b37dc5d9d7a9d04ce1 (diff) | |
Merge branch 'menu_updates_geireann' of https://github.com/brown-dash/Dash-Web into menu_updates_geireann
Diffstat (limited to 'src/client/views/nodes/button/FontIconBox.tsx')
| -rw-r--r-- | src/client/views/nodes/button/FontIconBox.tsx | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/client/views/nodes/button/FontIconBox.tsx b/src/client/views/nodes/button/FontIconBox.tsx index 96db929eb..fbb336445 100644 --- a/src/client/views/nodes/button/FontIconBox.tsx +++ b/src/client/views/nodes/button/FontIconBox.tsx @@ -25,11 +25,12 @@ import { Colors } from '../../global/globalEnums'; import { SetActiveInkColor } from '../../InkingStroke'; import { StyleProp } from '../../StyleProvider'; import { FieldView, FieldViewProps } from '.././FieldView'; -import './FontIconBox.scss'; import { RichTextMenu } from '../formattedText/RichTextMenu'; import { TextButton } from './textButton'; import { ToggleButton } from './toggleButton'; import { IButtonProps } from './ButtonInterface'; +import { FontIconBadge } from './FontIconBadge'; +import './FontIconBox.scss'; const FontIconSchema = createSchema({ icon: "string", }); @@ -180,6 +181,7 @@ export class FontIconBox extends DocComponent<ButtonProps, FontIconDocument>(Fon <div className={`button`} onClick={action((e) => setValue(checkResult + 1))}> <FontAwesomeIcon className={`fontIconBox-icon-${this.type}`} icon={"plus"} /> </div> + {this.rootDoc.dropDownOpen ? <div> <div className="menuButton-dropdownList" @@ -559,6 +561,7 @@ export class FontIconBox extends DocComponent<ButtonProps, FontIconDocument>(Fon <div className={`menuButton ${this.type}`} style={{ color: color, backgroundColor: backgroundColor }}> <FontAwesomeIcon className={`fontIconBox-icon-${this.type}`} icon={this.icon} color={color} /> {menuLabel} + <FontIconBadge collection={Cast(this.rootDoc.watchedDocuments, Doc, null)} /> </div > ); break; |
