mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-09 19:05:18 -05:00
44103dd6a5
* [web] Initialize BS5 in subscription page * [web] Backend wiring for `/user/subscription/canceled` to BS5 * [web] Backend `Canceled` to BS5 GitOrigin-RevId: 660458145c06e0d2dd1343186d31b6a7662b01a0
45 lines
1.3 KiB
TypeScript
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')}
|
|
<a href="/user/subscription" rel="noopener noreferrer">
|
|
{t('manage_subscription')}.
|
|
</a>
|
|
</p>
|
|
}
|
|
/>
|
|
<p>
|
|
<a
|
|
className="btn btn-primary"
|
|
href="/project"
|
|
rel="noopener noreferrer"
|
|
>
|
|
< {t('back_to_your_projects')}
|
|
</a>
|
|
</p>
|
|
</OLCard>
|
|
</OLCol>
|
|
</OLRow>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Canceled
|