From 6c20593be36ed970790d341d699cee5cd01e7879 Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Thu, 6 Aug 2020 00:00:03 -0500
Subject: [PATCH] Added GroupAbout feature
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Added:
- GroupAbout feature that is only visible on mobile
---
 .../gabsocial/features/group_about.js         | 43 +++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 app/javascript/gabsocial/features/group_about.js

diff --git a/app/javascript/gabsocial/features/group_about.js b/app/javascript/gabsocial/features/group_about.js
new file mode 100644
index 00000000..98d1e4af
--- /dev/null
+++ b/app/javascript/gabsocial/features/group_about.js
@@ -0,0 +1,43 @@
+import ImmutablePropTypes from 'react-immutable-proptypes'
+import ImmutablePureComponent from 'react-immutable-pure-component'
+import isObject from 'lodash.isobject'
+import { BREAKPOINT_EXTRA_SMALL } from '../constants'
+import ColumnIndicator from '../components/column_indicator'
+import Responsive from './ui/util/responsive_component'
+import GroupInfoPanel from '../components/panel/group_info_panel'
+
+const mapStateToProps = (state, { params }) => {
+	const groupId = isObject(params) ? params['id'] : null
+	const group = state.getIn(['groups', groupId])
+
+	return { group }
+}
+
+export default
+@connect(mapStateToProps)
+class GroupAbout extends ImmutablePureComponent {
+
+	static contextTypes = {
+		router: PropTypes.object
+	}
+
+	static propTypes = {
+		group: ImmutablePropTypes.map,
+	}
+
+	render() {
+		const { group } = this.props
+
+		return (
+			<div className={[_s.default, _s.width100PC].join(' ')}>
+				<Responsive min={BREAKPOINT_EXTRA_SMALL}>
+					<ColumnIndicator type='missing' />
+				</Responsive>
+				<Responsive max={BREAKPOINT_EXTRA_SMALL}>
+					<GroupInfoPanel group={group} />
+				</Responsive>
+			</div>
+		)
+	}
+
+}