githubmirror/client

shared/util/bootstrapable.tsx

37 строк986 B

Chris Ball

TypeScript: remove unnecessary ts-ignore, part two (#23506)

06 апр 2020, 03:20

06 апр 2020, 03:2059c852e

import * as React from 'react'
import {Box, Text} from '../common-adapters'
import {globalStyles} from '../styles'

export type BootstrapableProp<P extends Object> =
  | {
      bootstrapDone: false
      onBootstrap: () => any
    }
  | {
      bootstrapDone: true
      originalProps: P
    }

export default function Bootstrapable<P extends Object>(
  ComposedComponent: React.ComponentType<P>
): React.ComponentClass<BootstrapableProp<P>, void> {
  return class extends React.Component<BootstrapableProp<P>, void> {
    componentDidMount() {
      !this.props.bootstrapDone && this.props.onBootstrap()
    }

    render() {
      if (this.props.bootstrapDone) {
        return <ComposedComponent {...this.props.originalProps} />
      }

      // TODO(mm) parameterize this

      return (
        <Box style={{...globalStyles.flexBoxColumn, alignItems: 'center', flex: 1, justifyContent: 'center'}}>
          <Text type="Body">Loading…</Text>
        </Box>
      )
    }
  }
}