mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-12 10:33:32 -05:00
52 lines
1.5 KiB
TypeScript
52 lines
1.5 KiB
TypeScript
|
import { Trans } from 'react-i18next'
|
||
|
|
import { Institution } from '../../../../../../types/institution'
|
||
|
|
|
||
|
|
type InstitutionMembershipsProps = {
|
||
|
|
memberships?: Array<Institution>
|
||
|
|
}
|
||
|
|
|
||
|
|
function InstitutionMemberships({ memberships }: InstitutionMembershipsProps) {
|
||
|
|
// memberships is undefined when data failed to load. If user has no memberships, then an empty array is returned
|
||
|
|
|
||
|
|
if (!memberships) {
|
||
|
|
return (
|
||
|
|
<div className="alert alert-warning">
|
||
|
|
<p>
|
||
|
|
Sorry, something went wrong. Subscription information related to
|
||
|
|
institutional affiliations may not be displayed. Please try again
|
||
|
|
later.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<div>
|
||
|
|
{memberships.map((institution: Institution) => (
|
||
|
|
<div key={`${institution.id}`}>
|
||
|
|
<Trans
|
||
|
|
i18nKey="you_are_on_x_plan_as_a_confirmed_member_of_institution_y"
|
||
|
|
values={{
|
||
|
|
planName: 'Professional',
|
||
|
|
institutionName: institution.name || '',
|
||
|
|
}}
|
||
|
|
components={[
|
||
|
|
// eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
|
||
|
|
<a href="/user/subscription/plans" rel="noopener" />,
|
||
|
|
// eslint-disable-next-line react/jsx-key
|
||
|
|
<strong />,
|
||
|
|
// eslint-disable-next-line react/jsx-key
|
||
|
|
<strong />,
|
||
|
|
]}
|
||
|
|
/>
|
||
|
|
<hr />
|
||
|
|
</div>
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default InstitutionMemberships
|