mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-02 15:30:50 -05:00
0cde5be165
Convert React context providers to TypeScript [don't squash!] GitOrigin-RevId: d92a91798286978410956ab791d73c17c5086d86
48 lines
1.3 KiB
TypeScript
48 lines
1.3 KiB
TypeScript
import Notification from '@/shared/components/notification'
|
|
import StartFreeTrialButton from '@/shared/components/start-free-trial-button'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { FC } from 'react'
|
|
|
|
export const CompileTimeoutWarning: FC<{
|
|
handleDismissWarning: () => void
|
|
showNewCompileTimeoutUI?: string
|
|
}> = ({ handleDismissWarning, showNewCompileTimeoutUI }) => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<Notification
|
|
action={
|
|
<StartFreeTrialButton
|
|
variant="new-10s"
|
|
source="compile-time-warning"
|
|
buttonProps={{
|
|
className: 'btn-secondary-compile-timeout-override',
|
|
}}
|
|
>
|
|
{t('start_free_trial_without_exclamation')}
|
|
</StartFreeTrialButton>
|
|
}
|
|
ariaLive="polite"
|
|
content={
|
|
<div>
|
|
<div>
|
|
<span>{t('your_project_near_compile_timeout_limit')}</span>
|
|
</div>
|
|
{showNewCompileTimeoutUI === 'active' ? (
|
|
<>
|
|
<strong>{t('upgrade_for_12x_more_compile_time')}</strong>
|
|
{'. '}
|
|
</>
|
|
) : (
|
|
<strong>{t('upgrade_for_plenty_more_compile_time')}</strong>
|
|
)}
|
|
</div>
|
|
}
|
|
type="warning"
|
|
title={t('took_a_while')}
|
|
isActionBelowContent
|
|
isDismissible
|
|
onDismiss={handleDismissWarning}
|
|
/>
|
|
)
|
|
}
|