Merge pull request #93 from vuongpd95/add-group-component

Add group component
Thanks

Author: seeden

README.md

@@ -22,6 +22,7 @@
 - Embedded video
 - Page
 - Feed
+- Group
 - Message Us
 - Customer Chat
 - Status
@@ -261,6 +262,29 @@ export default class Example extends Component {
 }
 ```
 
+## Group
+
+```js
+import React, { Component } from 'react';
+import { FacebookProvider, Group } from 'react-facebook';
+
+export default class Example extends Component {
+  render() {
+    return (
+      <FacebookProvider appId="123456789">
+        <Group
+          href="https://www.facebook.com/groups/375934682909754"
+          width="300"
+          showSocialContext={true}
+          showMetaData={true}
+          skin="light"
+        />
+      </FacebookProvider>    
+    );
+  }
+}
+```
+
 ## MessageUs
 
 ```js

src/Group.jsx

@@ -0,0 +1,70 @@
+// @flow
+import React, { forwardRef, PureComponent, type Node } from 'react';
+import Parser from './Parser';
+import getCurrentHref from './utils/getCurrentHref';
+
+type Props = {
+  href?: string,
+  skin?: string,
+  showSocialContext?: boolean,
+  showMetaData?: boolean,
+  width?: number | string,
+  children?: Node,
+  style?: Object,
+  handleParse: Function,
+};
+
+class Group extends PureComponent<Props> {
+  static defaultProps = {
+    showSocialContext: undefined,
+    showMetaData: undefined,
+    width: undefined,
+    children: undefined,
+    style: undefined,
+    href: undefined,
+    skin: undefined
+  };
+
+  componentDidUpdate() {
+    const { handleParse } = this.props;
+    handleParse();
+  }
+
+  render() {
+    const {
+      style,
+      href = getCurrentHref(),
+      width,
+      showSocialContext,
+      showMetaData,
+      children,
+      skin
+    } = this.props;
+
+    return (
+      <div
+        className="fb-group"
+        style={style}
+        data-href={href}
+        data-width={width}
+        data-show-social-context={showSocialContext}
+        data-show-metadata={showMetaData}
+        data-skin={skin}
+      >
+        {children}
+      </div>
+    );
+  }
+}
+
+export default forwardRef((props, ref) => (
+  <Parser>
+    {({ handleParse }) => (
+      <Group
+        {...props}
+        handleParse={handleParse}
+        ref={ref}
+      />
+    )}
+  </Parser>
+));

src/index.js

@@ -16,6 +16,7 @@ export EmbeddedVideo from './EmbeddedVideo';
 export Comments from './Comments';
 export CommentsCount from './CommentsCount';
 export Feed from './Feed';
+export Group from './Group';
 export Subscribe from './Subscribe';
 export Status from './Status';
 export Profile from './Profile';