import PropTypes from 'prop-types'
import React from 'react'
import { Link } from 'react-router'

const RegistrationSubmittedView = (props) => {
  const {
    routeParams: {
      name
    }
  } = props
  const isSubdomain = name && name.split('.').length > 2

  const bodyContent = isSubdomain ? (
    <p>Your username will be ready in about an hour.</p>
  ) : (
    <p>
      Please <strong>keep</strong> Blockstack online for the next hour.
      Your username will be available shortly after.
    </p>
  )

  return (
    <div>
      <h3 className="modal-heading">{name} registration submitted!</h3>

      <div className="modal-body">
        {bodyContent}
        <img
          role="presentation"
          src="/images/blockstack-logo-vertical.svg"
          className="m-b-20"
          style={{ width: '210px', display: 'block', marginRight: 'auto', marginLeft: 'auto' }}
        />
        <Link to="/profiles" className="btn btn-primary btn-block">I understand</Link>
      </div>
    </div>
  )
}

RegistrationSubmittedView.propTypes = {
  routeParams: PropTypes.object.isRequired
}

export default RegistrationSubmittedView

import PropTypes from 'prop-types'
import React from 'react'
import { Link } from 'react-router'

const RegistrationSubmittedView = (props) => {
  const {
    routeParams: {
      name
    }
  } = props
  const isSubdomain = name && name.split('.').length > 2

  const bodyContent = <p>Your username will be ready in about an hour.</p>

  return (
    <div>
      <h3 className="modal-heading">{name} registration submitted!</h3>

      <div className="modal-body">
        {bodyContent}
        <img
          role="presentation"
          src="/images/blockstack-logo-vertical.svg"
          className="m-b-20"
          style={{ width: '210px', display: 'block', marginRight: 'auto', marginLeft: 'auto' }}
        />
        <Link to="/profiles" className="btn btn-primary btn-block">I understand</Link>
      </div>
    </div>
  )
}

RegistrationSubmittedView.propTypes = {
  routeParams: PropTypes.object.isRequired
}

export default RegistrationSubmittedView

Update name registration success message, removed keep Blockstack online for 1 hour.
Update name registration success message, removed keep Blockstack online for 1 hour.
