49 lines
942 B
JavaScript
49 lines
942 B
JavaScript
import MaterialIcon from '@/shared/components/material-icon'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { memo } from 'react'
|
|
|
|
function Check() {
|
|
return <MaterialIcon type="check" />
|
|
}
|
|
|
|
function UpgradeBenefits() {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<ul className="list-unstyled upgrade-benefits">
|
|
<li>
|
|
<Check />
|
|
|
|
{t('unlimited_projects')}
|
|
</li>
|
|
<li>
|
|
<Check />
|
|
|
|
{t('collabs_per_proj', { collabcount: '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)
|