chore: transform containers/settings from js to tsx (#384)

1 files changed, 32 insertions, 0 deletions

diff --git a/src/containers/settings/InviteScreen.tsx b/src/containers/settings/InviteScreen.tsx
new file mode 100644
index 000000000..ff192783c
--- /dev/null
+++ b/src/containers/settings/InviteScreen.tsx
@@ -0,0 +1,32 @@
+import { Component, ReactNode } from 'react';
+import { inject, observer } from 'mobx-react';
+
+import { StoresProps } from 'src/@types/ferdium-components.types';
+import Invite from '../../components/auth/Invite';
+import ErrorBoundary from '../../components/util/ErrorBoundary';
+
+class InviteScreen extends Component<StoresProps> {
+  componentWillUnmount(): void {
+    this.props.stores.user.inviteRequest.reset();
+  }
+
+  render(): ReactNode {
+    const { actions } = this.props;
+    const { user } = this.props.stores;
+
+    return (
+      <ErrorBoundary>
+        <Invite
+          onSubmit={actions.user.invite}
+          isLoadingInvite={user.inviteRequest.isExecuting}
+          isInviteSuccessful={
+            user.inviteRequest.wasExecuted && !user.inviteRequest.isError
+          }
+          embed
+        />
+      </ErrorBoundary>
+    );
+  }
+}
+
+export default inject('stores', 'actions')(observer(InviteScreen));