Added new introduction videos

christianalfoni · Mar 23, 2016 · 2a3ca2d · 2a3ca2d
1 parent d7f6193
commit 2a3ca2d
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 8 deletions.
diff --git a/app/desktop/Toolbar/index.js b/app/desktop/Toolbar/index.js
@@ -30,7 +30,8 @@ import hasEntry from '../../computed/hasEntry';
   highlightCreateIssue: 'bin.highlightCreateIssue',
   isEntry: 'bin.isEntry',
   hasEntry: hasEntry,
-  changedFiles: 'bin.changedFiles'
+  changedFiles: 'bin.changedFiles',
+  introductionVideoUrl: 'bin.introductionVideoUrl'
 })
 class Toolbar extends React.Component {
   static propTypes = {
@@ -155,7 +156,7 @@ class Toolbar extends React.Component {
                 show={this.props.showInfo}
                 right>
                 <div className={styles.info}>
-                  <div className={styles.link} onClick={() => {const win = window.open('http://www.youtube.com/watch?v=LGaJwjVPh9I');win.focus();}}>
+                  <div className={styles.link} onClick={() => {const win = window.open(this.props.introductionVideoUrl);win.focus();}}>
                     <i className={icons.movie}/> Watch an introduction
                   </div>
                   <div className={this.props.highlightCreateIssue ? styles.highlightLink : styles.link} onClick={() => {const win = window.open('https://github.com/christianalfoni/webpack-bin/issues');win.focus();}}>

diff --git a/app/desktop/Welcome/index.js b/app/desktop/Welcome/index.js
@@ -2,7 +2,9 @@ import React from 'react';
 import {Decorator as Cerebral} from 'cerebral-view-react';
 import styles from './styles.css';
 
-@Cerebral()
+@Cerebral({
+  introductionVideoEmbedUrl: 'bin.introductionVideoEmbedUrl'
+})
 class Welcome extends React.Component {
   render() {
     return (
@@ -18,7 +20,7 @@ class Welcome extends React.Component {
           </div>
         </div>
         <div className={styles.column}>
-          <iframe width="560" height="315" src="https://www.youtube.com/embed/LGaJwjVPh9I" frameBorder="0" allowFullScreen></iframe>
+          <iframe width="560" height="315" src={this.props.introductionVideoEmbedUrl} frameBorder="0" allowFullScreen></iframe>
         </div>
       </div>
     );

diff --git a/app/mobileLandscape/Welcome/index.js b/app/mobileLandscape/Welcome/index.js
@@ -2,7 +2,9 @@ import React from 'react';
 import {Decorator as Cerebral} from 'cerebral-view-react';
 import styles from './styles.css';
 
-@Cerebral()
+@Cerebral({
+  introductionVideoEmbedUrl: 'bin.introductionVideoEmbedUrl'
+})
 class Welcome extends React.Component {
   render() {
     return (
@@ -14,7 +16,7 @@ class Welcome extends React.Component {
           </div>
         </div>
         <div className={styles.column}>
-          <iframe width="250" height="147" src="https://www.youtube.com/embed/LGaJwjVPh9I" frameBorder="0" allowFullScreen></iframe>
+          <iframe width="250" height="147" src={this.props.introductionVideoEmbedUrl} frameBorder="0" allowFullScreen></iframe>
         </div>
       </div>
     );

diff --git a/app/mobilePortrait/Bin/index.js b/app/mobilePortrait/Bin/index.js
@@ -4,7 +4,8 @@ import styles from './styles.css';
 
 @Cerebral({
   isInitialized: 'bin.isInitialized',
-  currentBin: 'bin.currentBin'
+  currentBin: 'bin.currentBin',
+  introductionVideoEmbedUrl: 'bin.introductionVideoEmbedUrl'
 })
 class Bin extends React.Component {
   componentDidMount() {
@@ -29,7 +30,7 @@ class Bin extends React.Component {
       <div>
         <h3>To start using WebpackBin you need to flip your phone into landscape</h3>
         <div>
-          <iframe width="250" height="147" src="https://www.youtube.com/embed/LGaJwjVPh9I" frameBorder="0" allowFullScreen></iframe>
+          <iframe width="250" height="147" src={this.props.introductionVideoEmbedUrl} frameBorder="0" allowFullScreen></iframe>
         </div>
       </div>
     );

diff --git a/app/modules/Bin/index.js b/app/modules/Bin/index.js
@@ -41,6 +41,8 @@ export default (options = {}) => {
 
     module.addState({
       isInitialized: false,
+      introductionVideoUrl: 'http://www.youtube.com/watch?v=yf3Jhjw5Btc',
+      introductionVideoEmbedUrl: 'https://www.youtube.com/embed/yf3Jhjw5Btc',
       showWelcome: !Boolean(localStorage && localStorage.getItem('hasVisited')),
       snackbar: {
         text: '',