From 937cc18012e46077b4ca195536b73dcd467679c8 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 24 Sep 2021 11:37:47 -0500
Subject: [PATCH] Add basic invite route, fix Chats fetch

---
 .../auth_login/components/registration_form.js         |  7 -------
 app/soapbox/features/register_invite/index.js          | 10 ++++++++++
 app/soapbox/features/ui/index.js                       |  8 ++++++--
 app/soapbox/features/ui/util/async-components.js       |  4 ++++
 4 files changed, 20 insertions(+), 9 deletions(-)
 create mode 100644 app/soapbox/features/register_invite/index.js

diff --git a/app/soapbox/features/auth_login/components/registration_form.js b/app/soapbox/features/auth_login/components/registration_form.js
index b0518c704..3e3fb9b1b 100644
--- a/app/soapbox/features/auth_login/components/registration_form.js
+++ b/app/soapbox/features/auth_login/components/registration_form.js
@@ -167,13 +167,6 @@ class RegistrationForm extends ImmutablePureComponent {
       <SimpleForm onSubmit={this.onSubmit}>
         <fieldset disabled={isLoading || !isOpen}>
           <div className='simple_form__overlay-area'>
-            <p className='lead'>
-              <FormattedMessage
-                id='registration.lead'
-                defaultMessage="With an account on {instance} you'll be able to follow people on any server in the fediverse."
-                values={{ instance: <strong>{instance.get('title')}</strong> }}
-              />
-            </p>
             <div className='fields-group'>
               <TextInput
                 placeholder={intl.formatMessage(messages.username)}
diff --git a/app/soapbox/features/register_invite/index.js b/app/soapbox/features/register_invite/index.js
new file mode 100644
index 000000000..82e366938
--- /dev/null
+++ b/app/soapbox/features/register_invite/index.js
@@ -0,0 +1,10 @@
+import React from 'react';
+import RegistrationForm from 'soapbox/features/auth_login/components/registration_form';
+
+export default class RegisterInvite extends React.PureComponent {
+
+  render() {
+    return <RegistrationForm />;
+  }
+
+}
diff --git a/app/soapbox/features/ui/index.js b/app/soapbox/features/ui/index.js
index 5d9321d65..1badfaae2 100644
--- a/app/soapbox/features/ui/index.js
+++ b/app/soapbox/features/ui/index.js
@@ -106,6 +106,7 @@ import {
   NotificationsContainer,
   ModalContainer,
   ProfileHoverCard,
+  RegisterInvite,
 } from './util/async-components';
 
 // Dummy import, to make sure that <Status /> ends up in the application bundle.
@@ -275,6 +276,9 @@ class SwitchingColumnsArea extends React.PureComponent {
         <WrappedRoute path='/statuses/:statusId' exact component={Status} content={children} componentParams={{ shouldUpdateScroll: this.shouldUpdateScroll }} />
         <WrappedRoute path='/scheduled_statuses' page={DefaultPage} component={ScheduledStatuses} content={children} />
 
+        <Redirect from='/registration/:token' to='/invite/:token' />
+        <WrappedRoute path='/invite/:token' component={RegisterInvite} content={children} publicRoute />
+
         <Redirect exact from='/settings' to='/settings/preferences' />
         <WrappedRoute path='/settings/preferences' page={DefaultPage} component={Preferences} content={children} />
         <WrappedRoute path='/settings/profile' page={DefaultPage} component={EditProfile} content={children} />
@@ -482,9 +486,9 @@ class UI extends React.PureComponent {
   componentDidUpdate(prevProps) {
     this.connectStreaming();
 
-    const { dispatch, features } = this.props;
+    const { dispatch, account, features } = this.props;
 
-    if (features.chats && !prevProps.features.chats) {
+    if (features.chats && account && !prevProps.features.chats) {
       dispatch(fetchChats());
     }
   }
diff --git a/app/soapbox/features/ui/util/async-components.js b/app/soapbox/features/ui/util/async-components.js
index 5bee4d041..19a5fa1c5 100644
--- a/app/soapbox/features/ui/util/async-components.js
+++ b/app/soapbox/features/ui/util/async-components.js
@@ -401,3 +401,7 @@ export function WhoToFollowPanel() {
 export function FollowRecommendations() {
   return import(/* webpackChunkName: "features/follow_recommendations" */'../../follow_recommendations');
 }
+
+export function RegisterInvite() {
+  return import(/* webpackChunkName: "features/register_invite" */'../../register_invite');
+}