Remove Font Awesome in BS5 GitOrigin-RevId: 3ee9b136ac9ecda57ba9985d1da7d7a7e6b275e6
50 lines
1020 B
TypeScript
50 lines
1020 B
TypeScript
import MaterialIcon from '@/shared/components/material-icon'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { memo } from 'react'
|
|
import classNames from 'classnames'
|
|
|
|
function Check() {
|
|
return <MaterialIcon type="check" />
|
|
}
|
|
|
|
function UpgradeBenefits({ className }: { className?: string }) {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<ul className={classNames('list-unstyled upgrade-benefits', className)}>
|
|
<li>
|
|
<Check />
|
|
|
|
{t('unlimited_projects')}
|
|
</li>
|
|
<li>
|
|
<Check />
|
|
|
|
{t('collabs_per_proj_multiple')}
|
|
</li>
|
|
<li>
|
|
<Check />
|
|
|
|
{t('full_doc_history')}
|
|
</li>
|
|
<li>
|
|
<Check />
|
|
|
|
{t('sync_to_dropbox')}
|
|
</li>
|
|
<li>
|
|
<Check />
|
|
|
|
{t('sync_to_github')}
|
|
</li>
|
|
<li>
|
|
<Check />
|
|
|
|
{t('compile_larger_projects')}
|
|
</li>
|
|
</ul>
|
|
)
|
|
}
|
|
|
|
export default memo(UpgradeBenefits)
|