From 1d3f61150112af84bde1f5e681e7994a3f9a7e91 Mon Sep 17 00:00:00 2001
From: haraldox <hnaumann+github@gmail.com>
Date: Tue, 30 Jan 2018 14:35:30 +0100
Subject: ADDED embedded invite screen in settings

reuses component `Invite`
---
 src/containers/settings/InviteScreen.js | 48 +++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 src/containers/settings/InviteScreen.js

(limited to 'src/containers/settings/InviteScreen.js')

diff --git a/src/containers/settings/InviteScreen.js b/src/containers/settings/InviteScreen.js
new file mode 100644
index 000000000..5a7c64f73
--- /dev/null
+++ b/src/containers/settings/InviteScreen.js
@@ -0,0 +1,48 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { inject, observer } from 'mobx-react';
+import Invite from '../../components/auth/Invite';
+import { gaPage } from '../../lib/analytics';
+
+@inject('stores', 'actions') @observer
+export default class InviteScreen extends Component {
+  componentDidMount() {
+    gaPage('Settings/Invite');
+  }
+
+  render() {
+    const {
+      actions,
+      location,
+    } = this.props;
+
+    return (
+      <div className="settings__main">
+        <div className="settings__header">
+          {/* <h1>{intl.formatMessage(messages.headline)}</h1> */}
+          <h1>Invite Friends</h1>
+        </div>
+        <div className="settings__body invite__form">
+          <Invite
+            onSubmit={actions.user.invite}
+            from={location.query.from}
+            embed={location.query.embed}
+          />
+        </div>
+      </div>
+    );
+  }
+}
+
+InviteScreen.wrappedComponent.propTypes = {
+  actions: PropTypes.shape({
+    user: PropTypes.shape({
+      invite: PropTypes.func.isRequired,
+    }).isRequired,
+  }).isRequired,
+  location: PropTypes.shape({
+    query: PropTypes.shape({
+      from: PropTypes.string,
+    }),
+  }).isRequired,
+};
-- 
cgit v1.2.3-70-g09d2