better messaging when saving video

1 files changed, 9 insertions, 2 deletions

diff --git a/app/client/live/index.js b/app/client/live/index.js
index 73fc134..462d75d 100644
--- a/app/client/live/index.js
+++ b/app/client/live/index.js
@@ -54,6 +54,7 @@ class App extends Component {
   toggleRecording(){
     if (this.props.opt.recording){
       stopRecording()
+      this.props.actions.pause()
     } else {
       startRecording()
     }
@@ -104,10 +105,16 @@ class App extends Component {
                 {this.props.opt.processing ? 'Pause' : 'Restart'}
               </Button>
               <Button
-                title={this.props.opt.recording ? 'Recording (' + timeInSeconds(this.props.opt.recordFrames) +')' : 'Record video' }
+                title={
+                  this.props.opt.savingVideo
+                  ? 'Saving video...'
+                  : this.props.opt.recording
+                  ? 'Recording (' + timeInSeconds(this.props.opt.recordFrames) +')'
+                  : 'Record video'
+                }
                 onClick={this.toggleRecording}
               >
-                {this.props.opt.recording ? 'Recording' : 'Record'}
+                {this.props.opt.savingVideo ? 'Saving' : this.props.opt.recording ? 'Recording' : 'Record'}
               </Button>
               <Button
                 title={'Save frame'}