From 31d833e9a462f441b22a7e94f6f761552ca3d269 Mon Sep 17 00:00:00 2001
From: RaviBolla <ravisrs222@gmail.com>
Date: Wed, 2 Aug 2017 18:07:04 +0530
Subject: [PATCH] [Rav] added demo video link

---
 client/src/js/login/pages/LoginPage.jsx |  2 +-
 client/src/js/user/Help.jsx             |  4 +---
 client/src/scss/pages/_help.scss        | 11 +++++------
 3 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/client/src/js/login/pages/LoginPage.jsx b/client/src/js/login/pages/LoginPage.jsx
index b07910a2..f1d39f83 100644
--- 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
index 48870028..71f5737d 100644
--- 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
index 53498b70..d5c59feb 100644
--- 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%;
       }
     }
   }