import React from 'react'; import withPageTitle from 'HOCs/withPageTitle'; import { Icon } from 'UI'; import stl from './signup.module.css'; import cn from 'classnames'; import SignupForm from './SignupForm'; import RegisterBg from '../../svg/register.svg'; import HealthModal from 'Components/Header/HealthStatus/HealthModal/HealthModal'; import { getHealthRequest } from 'Components/Header/HealthStatus/getHealth'; const BulletItem = ({ text }) => (
{text}
); const healthStatusCheck_key = '__or__healthStatusCheck_key' @withPageTitle('Signup - OpenReplay') export default class Signup extends React.Component { state = { healthModalPassed: localStorage.getItem(healthStatusCheck_key === 'true'), healthStatusLoading: true, healthStatus: null, } getHealth = async () => { this.setState({ healthStatusLoading: true }); const { healthMap } = await getHealthRequest(); this.setState({ healthStatus: healthMap, healthStatusLoading: false }); } componentDidMount() { if (!this.state.healthModalPassed) void this.getHealth(); } setHealthModalPassed = () => { localStorage.setItem(healthStatusCheck_key, 'true'); this.setState({ healthModalPassed: true }); } render() { if (!this.state.healthModalPassed) { return ( null} healthResponse={this.state.healthStatus} getHealth={this.getHealth} isLoading={this.state.healthStatusLoading} setPassed={this.setHealthModalPassed} /> ) } return (
OpenReplay Cloud{' '}
OpenReplay Cloud is the hosted version of our open-source project.
We’ll manage hosting, scaling and upgrades.
); } }