content: import React from 'react'
  import { connect } from 'react-redux'
  
  import Instance from './Instance'
  
  export default connect(mapStateToProps)(({
    registrationAdjudicators,
    registrationInstitution,
    onOpenSnackbar
  }) => {
    if (!registrationInstitution) {
      return <div />
    }
  
    const filterRegistrationAdjudicators = registrationAdjudicatorToMatch =>
      registrationAdjudicatorToMatch.registrationInstitution &&
      registrationAdjudicatorToMatch.registrationInstitution._id === registrationInstitution._id
    const registrationAdjudicatorsThisPage = registrationAdjudicators.filter(filterRegistrationAdjudicators)
  
    return (
      <div>
        {registrationAdjudicatorsThisPage.map(registrationAdjudicator =>
          <Instance
            key={registrationAdjudicator._id}
            registrationAdjudicator={registrationAdjudicator}
            onOpenSnackbar={onOpenSnackbar}
            registrationInstitution={registrationInstitution}
          />
        )}
      </div>
    )
  })
  
  function mapStateToProps (state, ownProps) {
    return {
      registrationAdjudicators: Object.values(state.registrationAdjudicators.data)
    }
  }
  