overleaf/services/web/frontend/js/features/subscription/components/dashboard/subscription-dashboard.tsx
Jessica Lawshe 7075a1e513 Merge pull request #11259 from overleaf/jel-react-subscriptions-dash-free
[web] Migrate institution free plan subscription dash to React

GitOrigin-RevId: 5f488bdeeb6db4a0895fe99218122220a2ee9561
2023-01-18 15:09:36 +00:00

30 lines
987 B
TypeScript

import { useTranslation } from 'react-i18next'
import getMeta from '../../../../utils/meta'
import InstitutionMemberships from './institution-memberships'
import FreePlan from './free-plan'
import PremiumFeaturesLink from './premium-features-link'
function SubscriptionDashboard() {
const { t } = useTranslation()
const institutionMemberships = getMeta('ol-currentInstitutionsWithLicence')
const hasDisplayedSubscription = institutionMemberships?.length > 0
return (
<div className="container">
<div className="row">
<div className="col-md-8 col-md-offset-2">
<div className="card">
<div className="page-header">
<h1>{t('your_subscription')}</h1>
</div>
<InstitutionMemberships memberships={institutionMemberships} />
{hasDisplayedSubscription ? <PremiumFeaturesLink /> : <FreePlan />}
</div>
</div>
</div>
</div>
)
}
export default SubscriptionDashboard