overleaf/services/web/frontend/js/features/subscription/components/canceled-subscription/canceled.tsx
Antoine Clausse 44103dd6a5 [web] Migrate /user/subscription/canceled to BS5 (#20590)
* [web] Initialize BS5 in subscription page

* [web] Backend wiring for `/user/subscription/canceled` to BS5

* [web] Backend `Canceled` to BS5

GitOrigin-RevId: 660458145c06e0d2dd1343186d31b6a7662b01a0
2024-09-26 08:05:04 +00:00

45 lines
1.3 KiB
TypeScript

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