discord for Thrive articles

Author: kkartunov

src/assets/images/tc-edu/discord-icon-white.svg

@@ -31,6 +31,7 @@ import ReadMoreArrow from 'assets/images/read-more-arrow.svg';
 import IconFacebook from 'assets/images/icon-facebook.svg';
 import IconTwitter from 'assets/images/icon-twitter.svg';
 import IconLinkedIn from 'assets/images/icon-linkedIn.svg';
+import DiscordIconWhite from 'assets/images/tc-edu/discord-icon-white.svg';
 
 const htmlToText = require('html-to-text');
 
@@ -335,6 +336,10 @@ class Article extends React.Component {
                   <span>{downvotes}</span>
                 </div>
               </div>
+              {/* Discord */}
+              <div className={theme.actionContainer}>
+                <a class="primary-green-md" href="https://discord.gg/topcoder?ref=thrive-article" rel="noopener noreferrer" target="_blank"><DiscordIconWhite /> Chat on Discord</a>
+              </div>
             </div>
           </div>
           {/* Recommended */}

src/shared/components/Contentful/Article/Article.jsx

@@ -6,6 +6,26 @@
   flex-direction: column;
 }
 
+a.primary-green-md {
+  outline: none;
+
+  @include primary-green;
+  @include md;
+
+  &:hover {
+    @include primary-green;
+  }
+
+  &:disabled,
+  &:hover:disabled {
+    background-color: #e9e9e9 !important;
+    border: none !important;
+    text-decoration: none !important;
+    color: #fafafb !important;
+    box-shadow: none !important;
+  }
+}
+
 .shareButtons {
   margin-top: 10px;