From 60852a2b2eba929230b99e7a6fe0dfc6b53940d1 Mon Sep 17 00:00:00 2001
From: Endilie Yacop Sucipto <endiliey@gmail.com>
Date: Mon, 2 Jul 2018 00:42:36 +0800
Subject: [PATCH] Fix missing fblike button in blog (#821)

* fix missing fblike in blog

* add comment

* comment in js instead

* fb-comments too

* comment the right way
---
 lib/core/BlogPostLayout.js | 4 +++-
 lib/static/css/main.css    | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/lib/core/BlogPostLayout.js b/lib/core/BlogPostLayout.js
index 8181e348cc..799ae3e602 100644
--- a/lib/core/BlogPostLayout.js
+++ b/lib/core/BlogPostLayout.js
@@ -23,6 +23,7 @@ class BlogPostLayout extends React.Component {
     const fbComment = this.props.config.facebookAppId &&
       this.props.config.facebookComments && (
         <div className="blogSocialSectionItem">
+          {/* Facebook SDK require 'fb-comments' class */}
           <div
             className="fb-comments"
             data-href={
@@ -40,8 +41,9 @@ class BlogPostLayout extends React.Component {
 
     const fbLike = this.props.config.facebookAppId && (
       <div className="blogSocialSectionItem">
+        {/* Facebook SDK require 'fb-like' class */}
         <div
-          className="fbLike"
+          className="fb-like"
           data-href={
             this.props.config.url +
             this.props.config.baseUrl +
diff --git a/lib/static/css/main.css b/lib/static/css/main.css
index 0ca2d8dd6a..42577bdff9 100644
--- a/lib/static/css/main.css
+++ b/lib/static/css/main.css
@@ -2050,7 +2050,7 @@ input::placeholder {
   padding-bottom: 5px;
 }
 
-.fbLike {
+.fb-like {
   display: block;
   margin-bottom: 20px;
   width: 100%;