Skip to content
This repository was archived by the owner on Dec 23, 2021. It is now read-only.

Commit 1f977c4

Browse files
committed
Pause input if on breakpoint
1 parent e58caf6 commit 1f977c4

File tree

1 file changed

+5
-11
lines changed

1 file changed

+5
-11
lines changed

src/view/components/toolbar/InputSlider.tsx

Lines changed: 5 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,11 @@
22
// Licensed under the MIT license.
33

44
import * as React from "react";
5-
import { WEBVIEW_MESSAGES } from "../../constants";
5+
import { WEBVIEW_MESSAGES, VIEW_STATE } from "../../constants";
66
import "../../styles/InputSlider.css";
77
import { sendMessage } from "../../utils/MessageUtils";
88
import { ISliderProps } from "../../viewUtils";
9+
import { ViewStateContext } from "../../context";
910

1011
class InputSlider extends React.Component<ISliderProps, any, any> {
1112
constructor(props: ISliderProps) {
@@ -24,20 +25,10 @@ class InputSlider extends React.Component<ISliderProps, any, any> {
2425
case "reset-state":
2526
this.setState({ value: 0 });
2627
break;
27-
case "set-state":
28-
console.log(
29-
"Setting the state: " + JSON.stringify(message.state)
30-
);
31-
break;
32-
default:
33-
console.log("Invalid message received from the extension.");
34-
this.setState({ value: 0 });
35-
break;
3628
}
3729
};
3830

3931
componentDidMount() {
40-
console.log("Mounted");
4132
window.addEventListener("message", this.handleMessage);
4233
}
4334

@@ -46,6 +37,7 @@ class InputSlider extends React.Component<ISliderProps, any, any> {
4637
window.removeEventListener("message", this.handleMessage);
4738
}
4839
render() {
40+
const isInputDisabled = this.context === VIEW_STATE.PAUSE;
4941
return (
5042
<div className="inputSlider">
5143
<span>{this.props.axisLabel}</span>
@@ -78,6 +70,7 @@ class InputSlider extends React.Component<ISliderProps, any, any> {
7870
value={this.state.value}
7971
aria-label={`${this.props.type} sensor slider`}
8072
defaultValue={this.props.minValue.toLocaleString()}
73+
disabled={isInputDisabled}
8174
/>
8275
<span className="downLabelArea">
8376
<span className="minLabel">{this.props.minLabel}</span>
@@ -131,5 +124,6 @@ class InputSlider extends React.Component<ISliderProps, any, any> {
131124
return valueInt;
132125
};
133126
}
127+
InputSlider.contextType = ViewStateContext;
134128

135129
export default InputSlider;

0 commit comments

Comments
 (0)