[Rav] added demo video link

media-centre · Aug 2, 2017 · 31d833e · 31d833e
1 parent 69bc31c
commit 31d833e
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 10 deletions.
diff --git a/client/src/js/login/pages/LoginPage.jsx b/client/src/js/login/pages/LoginPage.jsx
@@ -26,7 +26,7 @@ export class LoginPage extends Component {
                         <p className="makenews-desc">
                             {this.props.loginPageStrings.branding.text}
                         </p>
-                        <a href="#" className="watch-demo">
+                        <a href="https://www.youtube.com/watch?v=KrDjm5Mwv8Y" target="_blank" className="watch-demo">
                             <i className="arrow fa fa-caret-right" aria-hidden="true"/> {this.props.loginPageStrings.watchDemo}
                         </a>
                     </div>

diff --git a/client/src/js/user/Help.jsx b/client/src/js/user/Help.jsx
@@ -21,9 +21,7 @@ export default class Help extends Component {
             <div className="help-FAQs">
                 <div className="help">
                     <h3>{this.messages.help}</h3>
-                    <div className="video">
-                        <i className="icon fa fa-play" aria-hidden="true"/>
-                    </div>
+                    <div className="video" dangerouslySetInnerHTML={{ "__html": "<iframe class='video-play' src='https://www.youtube.com/embed/KrDjm5Mwv8Y?ecver=2'></iframe>" }} />
                 </div>
                 <div className="FAQs">
                     <h3>{this.messages.FAQsHeading}</h3>

diff --git a/client/src/scss/pages/_help.scss b/client/src/scss/pages/_help.scss
@@ -13,15 +13,14 @@
     }
 
     .video {
-      width: 600px;
+      width: 641px;
+      height: 360px;
       display: inline-block;
       margin-bottom: 3rem;
-      background-color: $dark-background-color;
 
-      .icon{
-        margin: 25% 45%;
-        font-size: 50px;
-        color: #FFFFFF;
+      .video-play {
+        height: 100%;
+        width: 100%;
       }
     }
   }