Adding OrganizationDetails

client/coral-admin/src/routes/Install/components/Install.js

@@ -5,7 +5,7 @@ import Layout from 'coral-admin/src/components/Layout';
 import PropTypes from 'prop-types';
 
 import InitialStep from './Steps/InitialStep';
-import AddOrganizationName from './Steps/AddOrganizationName';
+import OrganizationDetails from './Steps/OrganizationDetails';
 import CreateYourAccount from './Steps/CreateYourAccount';
 import PermittedDomainsStep from './Steps/PermittedDomainsStep';
 import FinalStep from './Steps/FinalStep';
@@ -56,7 +56,7 @@ class Install extends React.Component {
                 goToStep={this.props.goToStep}
               >
                 <InitialStep />
-                <AddOrganizationName
+                <OrganizationDetails
                   install={install}
                   handleSettingsChange={this.handleSettingsChange}
                   handleSettingsSubmit={this.handleSettingsSubmit}

client/coral-admin/src/routes/Install/components/Steps/CreateYourAccount.js

@@ -52,16 +52,6 @@ const InitialStep = props => {
             errorMsg={install.errors.confirmPassword}
           />
 
-          <TextField
-            className={styles.textField}
-            id="organizationContactEmail"
-            type="email"
-            label={t('install.create.organization_contact_email')}
-            onChange={handleUserChange}
-            showErrors={install.showErrors}
-            errorMsg={install.errors.organizationEmailContact}
-          />
-
           {!props.install.isLoading ? (
             <Button
               className="talk-install-step-3-save-button"

client/coral-admin/src/routes/Install/components/Steps/OrganizationDetails.js

@@ -21,6 +21,17 @@ const AddOrganizationName = props => {
             showErrors={install.showErrors}
             errorMsg={install.errors.organizationName}
           />
+
+          <TextField
+            className={styles.TextField}
+            id="organizationContactEmail"
+            type="email"
+            label={t('install.create.organization_contact_email')}
+            onChange={handleSettingsChange}
+            showErrors={install.showErrors}
+            errorMsg={install.errors.organizationContactEmail}
+          />
+
           <Button
             className="talk-install-step-2-save-button"
             type="submit"

client/coral-admin/src/routes/Install/containers/Install.js

@@ -28,6 +28,7 @@ class InstallContainer extends React.Component {
   render() {
     return (
       <Install
+        install={this.props.install}
         goToStep={this.props.goToStep}
         nextStep={this.props.nextStep}
         submitUser={this.props.submitUser}
@@ -48,6 +49,7 @@ InstallContainer.contextTypes = {
 };
 
 InstallContainer.propTypes = {
+  install: PropTypes.object.isRequired,
   goToStep: PropTypes.func.isRequired,
   nextStep: PropTypes.func.isRequired,
   submitUser: PropTypes.func.isRequired,

client/coral-framework/helpers/error.js

@@ -6,4 +6,5 @@ export default {
   username: t('error.username'),
   confirmPassword: t('error.confirm_password'),
   organizationName: t('error.organization_name'),
+  organizationContactEmail: t('error.organization_contact_email'),
 };

client/coral-framework/helpers/validate.js

@@ -4,4 +4,5 @@ export default {
   confirmPassword: () => true,
   username: username => /^[a-zA-Z0-9_]+$/.test(username),
   organizationName: org => /^[a-zA-Z0-9_ ]+$/.test(org),
+  organizationContactEmail: email => /^.+@.+\..+$/.test(email),
 };

locales/en.yml

@@ -235,6 +235,7 @@ en:
     email_not_verified: "E-mail address {0} not verified."
     email_password: "E-mail and/or password combination incorrect."
     organization_name: "Organization name must only contain letters or numbers."
+    organization_contact_email: "Organization email is not valid."
     password: "Password must be at least 8 characters"
     username: "Usernames can contain letters numbers and _ only"
     unexpected: "Unexpected error occurred. Sorry!"

locales/es.yml

@@ -233,6 +233,7 @@ es:
     email_not_verified: "Correo {0} no confirmado."
     email_password: "Correo y/o contraseña incorrecta."
     organization_name: "El nombre de la organización debe contener letras y/o números."
+    organization_contact_email: "El email de la organización no es válido."
     password: "La contraseña debe tener por lo menos 8 caracteres"
     username: "Los nombres pueden contener letras números y _"
     required_field: "Este campo es requerido"