diff options
author | bobzel <zzzman@gmail.com> | 2021-09-14 16:07:51 -0400 |
---|---|---|
committer | bobzel <zzzman@gmail.com> | 2021-09-14 16:07:51 -0400 |
commit | 0fa9fd0f1c51c5a121a212635395bdb63ac28cd6 (patch) | |
tree | e7c98de1591146cf2a50c513a669d5b7308aea46 /src/client/views/nodes/button/textButton/TextButton.tsx | |
parent | abc5f96945fc0716fb1ccb4c99005bc7b7473086 (diff) | |
parent | 301652c454f3b74815aa7be2f2159e0a61d14e0b (diff) |
merged with master
Diffstat (limited to 'src/client/views/nodes/button/textButton/TextButton.tsx')
-rw-r--r-- | src/client/views/nodes/button/textButton/TextButton.tsx | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/src/client/views/nodes/button/textButton/TextButton.tsx b/src/client/views/nodes/button/textButton/TextButton.tsx new file mode 100644 index 000000000..e18590a95 --- /dev/null +++ b/src/client/views/nodes/button/textButton/TextButton.tsx @@ -0,0 +1,17 @@ +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import React, { Component } from 'react'; +import { BoolCast } from '../../../../../fields/Types'; +import { IButtonProps } from '../ButtonInterface'; + +export class TextButton extends Component<IButtonProps> { + render() { + const type = this.props.type; + // Determine the type of toggle button + const buttonText: boolean = BoolCast(this.props.rootDoc.switchToggle); + + return (<div className={`menuButton ${this.props.type}`} style={{ opacity: 1, backgroundColor: this.props.backgroundColor, color: this.props.color }}> + <FontAwesomeIcon className={`fontIconBox-icon-${this.props.type}`} icon={this.props.icon} color={this.props.color} /> + {this.props.label} + </div>); + } +}
\ No newline at end of file |