Progress

app/javascript/gabsocial/pages/groups_page.js

@@ -21,6 +21,10 @@ export default class GroupsPage extends PureComponent {
         title: 'Featured',
         to: '/groups'
       },
+      {
+        title: 'New',
+        to: '/groups/new'
+      },
       {
         title: 'My Groups',
         to: '/groups/browse/member'

app/javascript/gabsocial/pages/modal_page.js

@@ -0,0 +1,31 @@
+import { Fragment } from 'react'
+import LinkFooter from '../components/link_footer'
+import WhoToFollowPanel from '../components/panel/who_to_follow_panel'
+// import TrendsPanel from '../components/panel/trends_panel'
+import DefaultLayout from '../layouts/default_layout'
+
+export default class ModalPage extends PureComponent {
+  static propTypes = {
+    title: PropTypes.string,
+    children: PropTypes.node,
+  }
+
+  render() {
+    const { children, title } = this.props
+
+    return (
+      <DefaultLayout
+        title={title}
+        layout={(
+          <Fragment>
+            <WhoToFollowPanel />
+            <LinkFooter />
+          </Fragment>
+        )}
+        showBackBtn
+      >
+        {children}
+      </DefaultLayout>
+    )
+  }
+}