Add comments & commentsCount

src/Comments.jsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import FacebookProvider from './FacebookProvider';
+import ReactDom  from 'react-dom';
+
+class Comments extends React.Component {
+
+
+    static contextTypes = {
+        ...FacebookProvider.childContextTypes
+    };
+
+    static defaultProps = {
+        href        : 'http://www.facebook.com',
+        layout      : 'standard', // standard, button_count, button or box_count
+        num_posts   : 5,
+        order_by    : "social",
+        width       : 550,
+        colorScheme : 'light'
+    };
+
+    componentDidMount() {
+        var me = this;
+        this.context.facebook.whenReady(( err, facebook ) => {
+            if ( err ) {
+                return;
+            }
+            facebook.parse(ReactDom.findDOMNode(me.refs.box), () => {
+            });
+        });
+    }
+
+    shouldComponentUpdate() {
+        return false;
+    }
+
+    render() {
+
+        var me    = this,
+            props = {};
+        Object.keys(Comments.defaultProps).forEach(( v )=>(props["data-" + v] = me.props[v]));
+
+        return (
+            <div ref="box">
+                <div className="fb-comments" {...props}></div>
+            </div>
+        )
+    }
+
+};
+export default Comments;

src/CommentsCount.jsx

@@ -0,0 +1,46 @@
+import React from 'react';
+import FacebookProvider from './FacebookProvider';
+
+import ReactDom  from 'react-dom';
+
+class Comments extends React.Component {
+
+
+    static contextTypes = {
+        ...FacebookProvider.childContextTypes
+    };
+
+    static defaultProps = {
+        href        : 'http://www.facebook.com'
+    };
+
+    componentDidMount() {
+        var me = this;
+        this.context.facebook.whenReady(( err, facebook ) => {
+            if ( err ) {
+                return;
+            }
+            facebook.parse(ReactDom.findDOMNode(me.refs.box), () => {
+            });
+        });
+    }
+
+    shouldComponentUpdate() {
+        return false;
+    }
+
+    render() {
+
+        var me    = this,
+            props = {};
+        Object.keys(Comments.defaultProps).forEach(( v )=>(props["data-" + v] = me.props[v]));
+
+        return (
+            <div ref="box">
+                <span className="fb-comments-count" {...props}>0</span> Comment(s)
+            </div>
+        )
+    }
+
+};
+export default Comments;

src/index.js

@@ -1,9 +1,11 @@
-import FacebookProvider from './FacebookProvider';
-import Like from './Like';
-import Share from './Share';
-import Login from './Login';
-import LoginButton from './LoginButton';
-import EmbeddedPost from './EmbeddedPost';
-
-export { Like, Share, Login, LoginButton, EmbeddedPost };
-export default FacebookProvider;
+import FacebookProvider from './FacebookProvider';
+import Like from './Like';
+import Share from './Share';
+import Login from './Login';
+import LoginButton from './LoginButton';
+import EmbeddedPost from './EmbeddedPost';
+import Comments from './Comments';
+import CommentsCount from './CommentsCount';
+
+export { Like, Share, Login, LoginButton, EmbeddedPost, Comments, CommentsCount };
+export default FacebookProvider;