import { c } from 'ttag' ; import { getInvoicesPathname } from '@proton/shared/lib/apps/helper' ; import { Alert , ButtonLike , FormModal , SettingsLink } from '../../components' ; import { useConfig } from '../../hooks' ; interface Props { [ key ] : any ; } const DelinquentModal = ( { ... rest } ) => { const { APP_NAME } = useConfig ( ) ; const title = c ( 'Delinquent modal title' ) . t `Overdue invoice` ; const submitButton = ( < ButtonLike onClick = { rest . onClose } color = "norm" as = { SettingsLink } path = { getInvoicesPathname ( APP_NAME ) } > { c ( 'Action' ) . t `View invoice` } < /ButtonLike>); return ( < FormModal title = { title } hasClose = { false } close = { null } submit = { submitButton } onSubmit = { rest . onClose } small { ... rest } > < Alert className = "mb1" type = "warning" > { c ( 'Info' ) . t `Your Proton account is currently on hold. To continue using your account, please pay any overdue invoices.` } < /Alert> < /FormModal>); } ; export default DelinquentModal ;