From 331120113d8acf225da69ddb3850b998ef2c32f2 Mon Sep 17 00:00:00 2001
From: endiliey <endiliey@gmail.com>
Date: Sun, 1 Jul 2018 12:57:37 +0800
Subject: [PATCH 1/5] fix missing fblike in blog

---
 lib/core/BlogPostLayout.js | 2 +-
 lib/static/css/main.css    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/core/BlogPostLayout.js b/lib/core/BlogPostLayout.js
index 8181e348cca4..04eb93004321 100644
--- a/lib/core/BlogPostLayout.js
+++ b/lib/core/BlogPostLayout.js
@@ -41,7 +41,7 @@ class BlogPostLayout extends React.Component {
     const fbLike = this.props.config.facebookAppId && (
       <div className="blogSocialSectionItem">
         <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 0ca2d8dd6a8b..42577bdff924 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%;

From 1453ab6448a97f7dc8fccc9b09886feb023cc438 Mon Sep 17 00:00:00 2001
From: endiliey <endiliey@gmail.com>
Date: Sun, 1 Jul 2018 13:06:37 +0800
Subject: [PATCH 2/5] add comment

---
 lib/static/css/main.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/static/css/main.css b/lib/static/css/main.css
index 42577bdff924..1b7b513a7668 100644
--- a/lib/static/css/main.css
+++ b/lib/static/css/main.css
@@ -2050,6 +2050,7 @@ input::placeholder {
   padding-bottom: 5px;
 }
 
+// don't change (Facebook SDK require this class name)
 .fb-like {
   display: block;
   margin-bottom: 20px;

From b10a9cda9834cf1788fc8d015ca66b2d761d6a9b Mon Sep 17 00:00:00 2001
From: endiliey <endiliey@gmail.com>
Date: Sun, 1 Jul 2018 13:10:03 +0800
Subject: [PATCH 3/5] comment in js instead

---
 lib/core/BlogPostLayout.js | 2 +-
 lib/static/css/main.css    | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/lib/core/BlogPostLayout.js b/lib/core/BlogPostLayout.js
index 04eb93004321..0fe3fe08ba2b 100644
--- a/lib/core/BlogPostLayout.js
+++ b/lib/core/BlogPostLayout.js
@@ -41,7 +41,7 @@ class BlogPostLayout extends React.Component {
     const fbLike = this.props.config.facebookAppId && (
       <div className="blogSocialSectionItem">
         <div
-          className="fb-like"
+          className="fb-like" // Facebook SDK require it to be '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 1b7b513a7668..42577bdff924 100644
--- a/lib/static/css/main.css
+++ b/lib/static/css/main.css
@@ -2050,7 +2050,6 @@ input::placeholder {
   padding-bottom: 5px;
 }
 
-// don't change (Facebook SDK require this class name)
 .fb-like {
   display: block;
   margin-bottom: 20px;

From 56ca544a3b567cff6b2bf5d43678249c0d8214b9 Mon Sep 17 00:00:00 2001
From: endiliey <endiliey@gmail.com>
Date: Sun, 1 Jul 2018 13:10:53 +0800
Subject: [PATCH 4/5] fb-comments too

---
 lib/core/BlogPostLayout.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/core/BlogPostLayout.js b/lib/core/BlogPostLayout.js
index 0fe3fe08ba2b..e5ba48bc5f59 100644
--- a/lib/core/BlogPostLayout.js
+++ b/lib/core/BlogPostLayout.js
@@ -24,7 +24,7 @@ class BlogPostLayout extends React.Component {
       this.props.config.facebookComments && (
         <div className="blogSocialSectionItem">
           <div
-            className="fb-comments"
+            className="fb-comments" // Facebook SDK require it to be 'fb-comments'
             data-href={
               this.props.config.url +
               this.props.config.baseUrl +
@@ -41,7 +41,7 @@ class BlogPostLayout extends React.Component {
     const fbLike = this.props.config.facebookAppId && (
       <div className="blogSocialSectionItem">
         <div
-          className="fb-like" // Facebook SDK require it to be 'fb-like')
+          className="fb-like" // Facebook SDK require it to be 'fb-like'
           data-href={
             this.props.config.url +
             this.props.config.baseUrl +

From 68c0fa6981cd4442635bd1213b8e8ea25b35ef8a Mon Sep 17 00:00:00 2001
From: endiliey <endiliey@gmail.com>
Date: Sun, 1 Jul 2018 13:23:28 +0800
Subject: [PATCH 5/5] comment the right way

---
 lib/core/BlogPostLayout.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/lib/core/BlogPostLayout.js b/lib/core/BlogPostLayout.js
index e5ba48bc5f59..799ae3e60253 100644
--- a/lib/core/BlogPostLayout.js
+++ b/lib/core/BlogPostLayout.js
@@ -23,8 +23,9 @@ 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" // Facebook SDK require it to be 'fb-comments'
+            className="fb-comments"
             data-href={
               this.props.config.url +
               this.props.config.baseUrl +
@@ -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="fb-like" // Facebook SDK require it to be 'fb-like'
+          className="fb-like"
           data-href={
             this.props.config.url +
             this.props.config.baseUrl +