Progress

app/javascript/gabsocial/features/groups_timeline/containers/column_settings_container.js

@@ -0,0 +1,20 @@
+import ColumnSettings from '../components/column_settings';
+import { changeSetting, saveSettings } from '../../../../actions/settings';
+
+const mapStateToProps = state => ({
+  settings: state.getIn(['settings', 'group']),
+});
+
+const mapDispatchToProps = dispatch => ({
+
+  onChange (key, checked) {
+    dispatch(changeSetting(['group', ...key], checked));
+  },
+
+  onSave () {
+    dispatch(saveSettings());
+  },
+
+});
+
+export default connect(mapStateToProps, mapDispatchToProps)(ColumnSettings);

app/javascript/gabsocial/features/groups_timeline/containers/header_container.js

@@ -0,0 +1,19 @@
+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);