diff options
author | mehekj <mehek.jethani@gmail.com> | 2021-09-12 12:32:49 -0400 |
---|---|---|
committer | mehekj <mehek.jethani@gmail.com> | 2021-09-12 12:32:49 -0400 |
commit | d71bc56628c2193b537b92a186785eaffa3a1eef (patch) | |
tree | 0e346527d01ef4d32a28cf9738323c6f49656dfb /src/client/views/nodes/button/textButton/TextButton.tsx | |
parent | 23db5275a9477d5894e76a2ad6f1795fb0f99b71 (diff) | |
parent | 9ac6931dabac40a7e530d144c1d1123548de373f (diff) |
Merge branch 'master' into temporalmedia-mehek
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 |