import React , { FunctionComponent } from "react" ; import { graphql } from "react-relay" ; import { withFragmentContainer } from "coral-framework/lib/relay" ; import { SuspendedInfoContainer_settings as SettingsData } from "coral-stream/__generated__/SuspendedInfoContainer_settings.graphql" ; import { SuspendedInfoContainer_viewer as ViewerData } from "coral-stream/__generated__/SuspendedInfoContainer_viewer.graphql" ; import SuspendedInfo from "./SuspendedInfo" ; interface Props { settings : SettingsData ; viewer : ViewerData | null ; } export const SuspendedInfoContainer = ( { settings , viewer , } ) => { if ( ! viewer ) { return null ; } return ( < SuspendedInfo until = { viewer . status . suspension . until ! } organization = { settings . organization . name } / > ) ; } ; const enhanced = withFragmentContainer < Props > ( { viewer : graphql `
    fragment SuspendedInfoContainer_viewer on User {
      status {
        suspension {
          until
        }
      }
    }
  ` , settings : graphql `
    fragment SuspendedInfoContainer_settings on Settings {
      organization {
        name
      }
    }
  ` , } ) ( SuspendedInfoContainer ) ; export default enhanced ;