aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/button/toggleButton/ToggleButton.tsx
diff options
context:
space:
mode:
authorEric <ericmabr@gmail.com>2023-08-13 16:08:28 -0400
committerEric <ericmabr@gmail.com>2023-08-13 16:08:28 -0400
commit0020ec69b847c8607affb57babddfddc812dc9b6 (patch)
treee24255039015745d2073806bee97ce449ddb5260 /src/client/views/nodes/button/toggleButton/ToggleButton.tsx
parent7b2553514bb000eb7f618eb0f0d653baee78742c (diff)
parent3b45f1d30a947dc1702ec347b83e98374c5b603c (diff)
Merge branch 'master' into UI_Update_Eric_Ma
Diffstat (limited to 'src/client/views/nodes/button/toggleButton/ToggleButton.tsx')
-rw-r--r--src/client/views/nodes/button/toggleButton/ToggleButton.tsx34
1 files changed, 0 insertions, 34 deletions
diff --git a/src/client/views/nodes/button/toggleButton/ToggleButton.tsx b/src/client/views/nodes/button/toggleButton/ToggleButton.tsx
deleted file mode 100644
index dca6487d8..000000000
--- a/src/client/views/nodes/button/toggleButton/ToggleButton.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import React, { Component } from 'react';
-import { BoolCast } from '../../../../../fields/Types';
-import { Colors } from '../../../global/globalEnums';
-import { IButtonProps } from '../ButtonInterface';
-
-export class ToggleButton extends Component<IButtonProps> {
- render() {
- const type = this.props.type;
- // Determine the type of toggle button
- const switchToggle: boolean = BoolCast(this.props.rootDoc.switchToggle);
-
- if (switchToggle) {
- return (
- <div className={`menuButton ${type} ${'switch'}`}>
- <label className="switch">
- <input type="checkbox"
- checked={this.props.backgroundColor === Colors.MEDIUM_BLUE}
- />
- <span className="slider round"></span>
- </label>
- </div>
- );
- } else {
- return (
- <div className={`menuButton ${type}`}
- style={{ opacity: 1, backgroundColor: this.props.backgroundColor, color: this.props.color }}>
- <FontAwesomeIcon className={`fontIconBox-icon-${type}`} icon={this.props.icon} color={this.props.color} />
- {this.props.label}
- </div>
- );
- }
- }
-} \ No newline at end of file