From 94cfa66db4d667cd0dae9c6ddbe152cbff27819f Mon Sep 17 00:00:00 2001
From: geireann <60007097+geireann@users.noreply.github.com>
Date: Thu, 19 Aug 2021 11:24:54 -0400
Subject: updates

---
 src/client/views/nodes/button/FontIconBox.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

(limited to 'src/client/views/nodes/button/FontIconBox.tsx')

diff --git a/src/client/views/nodes/button/FontIconBox.tsx b/src/client/views/nodes/button/FontIconBox.tsx
index 2c6369e9f..9e7608dc3 100644
--- a/src/client/views/nodes/button/FontIconBox.tsx
+++ b/src/client/views/nodes/button/FontIconBox.tsx
@@ -27,7 +27,8 @@ export enum ButtonType {
     ClickButton = "clickBtn",
     DoubleButton = "dblBtn",
     ToggleButton = "tglBtn",
-    ColorButton = "colorBtn"
+    ColorButton = "colorBtn",
+    ToolButton = "toolBtn"
 }
 
 export interface ButtonProps extends FieldViewProps {
@@ -254,6 +255,14 @@ export class FontIconBox extends DocComponent<ButtonProps, FontIconDocument>(Fon
                     </div>
                 );
                 break;
+            case ButtonType.ToolButton:
+                button = (
+                    <div className={`menuButton ${this.type}`} style={{ opacity: canClick ? 1 : 0.4, backgroundColor: backgroundColor, color: color }}>
+                        <FontAwesomeIcon className={`fontIconBox-icon-${this.type}`} icon={this.icon} color={color} />
+                        {label}
+                    </div>
+                );
+                break;
             case ButtonType.ToggleButton:
                 button = (
                     <div className={`menuButton ${this.type}`} style={{ opacity: canClick ? 1 : 0.4, backgroundColor: toggle ? backgroundColor : undefined }}>
-- 
cgit v1.2.3-70-g09d2

