Gab Social. All are welcome.

app/javascript/gabsocial/features/groups/timeline/containers/header_container.js

@@ -0,0 +1,20 @@
+import { connect } from 'react-redux';
+import Header from '../components/header';
+import { joinGroup, leaveGroup } from '../../../../actions/groups';
+
+const mapStateToProps = (state, { groupId }) => ({
+    group: state.getIn(['groups', groupId]),
+    relationships: state.getIn(['group_relationships', groupId]),
+});
+
+const mapDispatchToProps = (dispatch, { intl }) => ({
+    toggleMembership (group, relationships) {
+        if (relationships.get('member')) {
+            dispatch(leaveGroup(group.get('id')));
+        } else {
+            dispatch(joinGroup(group.get('id')));
+        }
+    },
+});
+
+export default connect(mapStateToProps, mapDispatchToProps)(Header);