aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/button/toggleButton/ToggleButton.tsx
diff options
context:
space:
mode:
authorSophie Zhang <sophie_zhang@brown.edu>2023-07-18 15:06:22 -0400
committerSophie Zhang <sophie_zhang@brown.edu>2023-07-18 15:06:22 -0400
commit40784b7265851b27e043c07e5f9038a0b29af8b7 (patch)
tree1f9e154913820cc1cb5952a9d444d9a0eca86c29 /src/client/views/nodes/button/toggleButton/ToggleButton.tsx
parent162ca319eae256be523f2ee75e7aae7a9a408e37 (diff)
parent267f5d7c6a87b955c2fa2121c6db7e01cfc1c148 (diff)
Merge branch 'master' into sophie-ai-images
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