aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/DictationOverlay.tsx
diff options
context:
space:
mode:
authorStanley Yip <stanley_yip@brown.edu>2020-01-08 13:47:29 -0500
committerStanley Yip <stanley_yip@brown.edu>2020-01-08 13:47:29 -0500
commitabfa42b6f2cf863deee19aac19328a23687464cb (patch)
treeb481f23ffa7bccbde7a31de34f50d765b6b73162 /src/client/views/DictationOverlay.tsx
parentd8fc218f3481728f221ceacc60ac4bc553f8e295 (diff)
parent19a71cb2788b9c1c8d8ced4af285bf91033ba626 (diff)
Merge branch 'master' of https://github.com/browngraphicslab/Dash-Web into pen
Diffstat (limited to 'src/client/views/DictationOverlay.tsx')
-rw-r--r--src/client/views/DictationOverlay.tsx10
1 files changed, 5 insertions, 5 deletions
diff --git a/src/client/views/DictationOverlay.tsx b/src/client/views/DictationOverlay.tsx
index 2accf9bfd..65770c0bb 100644
--- a/src/client/views/DictationOverlay.tsx
+++ b/src/client/views/DictationOverlay.tsx
@@ -24,7 +24,7 @@ export class DictationOverlay extends React.Component {
}
public initiateDictationFade = () => {
- let duration = DictationManager.Commands.dictationFadeDuration;
+ const duration = DictationManager.Commands.dictationFadeDuration;
this.overlayTimeout = setTimeout(() => {
this.dictationOverlayVisible = false;
this.dictationSuccess = undefined;
@@ -50,14 +50,14 @@ export class DictationOverlay extends React.Component {
public set isListening(value: DictationManager.Controls.ListeningUIStatus) { runInAction(() => this._dictationListeningState = value); }
render() {
- let success = this.dictationSuccess;
- let result = this.isListening && !this.isListening.interim ? DictationManager.placeholder : `"${this.dictatedPhrase}"`;
- let dialogueBoxStyle = {
+ const success = this.dictationSuccess;
+ const result = this.isListening && !this.isListening.interim ? DictationManager.placeholder : `"${this.dictatedPhrase}"`;
+ const dialogueBoxStyle = {
background: success === undefined ? "gainsboro" : success ? "lawngreen" : "red",
borderColor: this.isListening ? "red" : "black",
fontStyle: "italic"
};
- let overlayStyle = {
+ const overlayStyle = {
backgroundColor: this.isListening ? "red" : "darkslategrey"
};
return (<MainViewModal