Progress

app/javascript/gabsocial/features/groups_collection.js

@@ -0,0 +1,45 @@
+import ImmutablePropTypes from 'react-immutable-proptypes'
+import ImmutablePureComponent from 'react-immutable-pure-component'
+import { fetchGroups } from '../actions/groups'
+import Block from '../components/block'
+import GroupCollectionItem from '../components/group_collection_item'
+
+const mapStateToProps = (state, { activeTab }) => ({
+	groupIds: state.getIn(['group_lists', activeTab]),
+})
+
+export default
+@connect(mapStateToProps)
+class GroupsCollection extends ImmutablePureComponent {
+	static propTypes = {
+		activeTab: PropTypes.string.isRequired,
+		dispatch: PropTypes.func.isRequired,
+		groupIds: ImmutablePropTypes.list,
+	}
+
+	componentWillMount() {
+		this.props.dispatch(fetchGroups(this.props.activeTab))
+	}
+
+	componentDidUpdate(oldProps) {
+		if (this.props.activeTab && this.props.activeTab !== oldProps.activeTab) {
+			this.props.dispatch(fetchGroups(this.props.activeTab))
+		}
+	}
+
+	render() {
+		const { groupIds } = this.props
+
+		console.log("groupIds: ", groupIds)
+
+		return (
+			<div className={[_s.default, _s.flexRow, _s.flexWrap].join(' ')}>
+				{
+					groupIds.map((groupId, i) => (
+						<GroupCollectionItem key={`group-collection-item-${i}`} id={groupId} />
+					))
+				}
+			</div>
+		)
+	}
+}