overleaf/services/web/frontend/js/features/subscription/components/canceled-subscription/canceled.tsx

46 lines
1.3 KiB
TypeScript
Raw Normal View History

import { useTranslation } from 'react-i18next'
import OLRow from '@/features/ui/components/ol/ol-row'
import OLCol from '@/features/ui/components/ol/ol-col'
import OLCard from '@/features/ui/components/ol/ol-card'
import OLNotification from '@/features/ui/components/ol/ol-notification'
function Canceled() {
const { t } = useTranslation()
return (
<div className="container">
<OLRow>
<OLCol lg={{ span: 8, offset: 2 }}>
<OLCard>
<div className="page-header">
<h2>{t('subscription_canceled')}</h2>
</div>
<OLNotification
type="info"
content={
<p>
{t('to_modify_your_subscription_go_to')}&nbsp;
<a href="/user/subscription" rel="noopener noreferrer">
{t('manage_subscription')}.
</a>
</p>
}
/>
<p>
<a
className="btn btn-primary"
href="/project"
rel="noopener noreferrer"
>
&lt; {t('back_to_your_projects')}
</a>
</p>
</OLCard>
</OLCol>
</OLRow>
</div>
)
}
export default Canceled