react_hsbc_teller 0.4.1 → 0.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react_hsbc_teller",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "React",
   "private": false,
   "main": "lib/hsbc.js",

package/packages/pages/video/video.jsx

@@ -1147,32 +1147,38 @@ class Video extends Component {
       })
       if(!document.getElementById("video1").name) {
         this.setState({
-          videoOneName: ''
+          videoOneName: '',
+          voiceVideoOne: false
         })
       }
       if(!document.getElementById("video2").name) {
         this.setState({
-          videoTwoName: ''
+          videoTwoName: '',
+          voiceVideoTwo: false
         })
       }
       if(!document.getElementById("video3").name) {
         this.setState({
-          videoThreeName: ''
+          videoThreeName: '',
+          voiceVideoThree: false
         })
       }
       if(!document.getElementById("video4").name) {
         this.setState({
-          videoFourName: ''
+          videoFourName: '',
+          voiceVideoFour: false,
         })
       }
       if(!document.getElementById("video5").name) {
         this.setState({
-          videoFiveName: ''
+          videoFiveName: '',
+          voiceVideoFive: false
         })
       }
       if(!document.getElementById("video6").name) {
         this.setState({
-          videoSixName: ''
+          videoSixName: '',
+          voiceVideoSix: false
         })
       }
     };
@@ -2344,7 +2350,7 @@ class Video extends Component {
 
                     
                   </div>
-                  <canvas style={{ display: (!this.state.voiceVideoOne) ? '' : 'none', }} className="canvasClassOne" id="subscribe_volumeView1" width="40" height="70"></canvas>
+                  <canvas style={{ display: (this.state.videoOneName&&!this.state.voiceVideoOne) ? '' : 'none', }} className="canvasClassOne" id="subscribe_volumeView1" width="40" height="70"></canvas>
                 </div>
               </div>
               <div className={`itemed`}>
@@ -2368,7 +2374,7 @@ class Video extends Component {
                       {this.state.videoTwoName}
                     </div>
                   </div>
-                  <canvas style={{ display: (!this.state.voiceVideoTwo) ? '' : 'none', }} className="canvasClassOne" id="subscribe_volumeView2" width="40" height="70"></canvas>
+                  <canvas style={{ display: (this.state.videoTwoName&&!this.state.voiceVideoTwo) ? '' : 'none', }} className="canvasClassOne" id="subscribe_volumeView2" width="40" height="70"></canvas>
               </div>
               <div className={`itemed`}
               style={{'margin-top': '5px' }}>
@@ -2392,7 +2398,7 @@ class Video extends Component {
                     {this.state.videoThreeName}
                   </div>
                 </div>
-                <canvas style={{ display: (!this.state.voiceVideoThree) ? '' : 'none', }} className="canvasClassOne" id="subscribe_volumeView3" width="40" height="70"></canvas>
+                <canvas style={{ display: (this.state.videoTwoName&&!this.state.voiceVideoThree) ? '' : 'none', }} className="canvasClassOne" id="subscribe_volumeView3" width="40" height="70"></canvas>
               </div>
               <div className={`itemed`}>
                 <video
@@ -2415,7 +2421,7 @@ class Video extends Component {
                     {this.state.videoFourName}
                   </div>
                 </div>
-                <canvas style={{ display: (!this.state.voiceVideoFour) ? '' : 'none', }} className="canvasClassOne" id="subscribe_volumeView4" width="40" height="70"></canvas>
+                <canvas style={{ display: (this.state.videoFourName&&!this.state.voiceVideoFour) ? '' : 'none', }} className="canvasClassOne" id="subscribe_volumeView4" width="40" height="70"></canvas>
               </div>
               <div className={`itemed`}
               style={{'margin-top': '5px'  }}>
@@ -2439,7 +2445,7 @@ class Video extends Component {
                     {this.state.videoFiveName}
                   </div>  
                 </div>
-                <canvas style={{ display: (!this.state.voiceVideoFive) ? '' : 'none', }} className="canvasClassOne" id="subscribe_volumeView5" width="40" height="70"></canvas>
+                <canvas style={{ display: (this.state.videoFiveName&&!this.state.voiceVideoFive) ? '' : 'none', }} className="canvasClassOne" id="subscribe_volumeView5" width="40" height="70"></canvas>
               </div>
               <div className={`itemed`}>
                 <video