import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
import ManagedInstitution from './managed_institution'

export type Institution = {
  v1Id: number
  managerIds: string[]
  metricsEmail: {
    optedOutUserIds: string[]
    lastSent: Date
  }
  name: string
}

export default function ManagedInstitutions() {
  const { managedInstitutions } = useSubscriptionDashboardContext()

  if (!managedInstitutions) {
    return null
  }

  return (
    <>
      {managedInstitutions.map(institution => (
        <ManagedInstitution
          institution={institution}
          key={`managed-institution-${institution.v1Id}`}
        />
      ))}
    </>
  )
}