Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
import React from 'react'
import './gcuLink.scss'
import Link from '@material-ui/core/Link'
import { Link as RouterLink } from 'react-router-dom'
import { useI18n } from 'cozy-ui/transpiled/react/I18n'
import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
import LegalNoticeIcon from 'assets/icons/ico/legal-notice.svg'
const GCULink: React.FC = () => {
const { t } = useI18n()
return (
<div className="gcu-link-root">
<div className="gcu-link-content">
<div className="gcu-link-header text-16-normal-uppercase">
{t('gcu_option.title')}
</div>
<Link
className="gcu-link-card-link"
component={RouterLink}
to="options/gcu"
>
<div className="card">
<div className="gcu-link-card">
<div className="gcu-link-card-content">
<StyledIcon
className="gcu-link-card-content-icon"
icon={LegalNoticeIcon}
size={50}
/>
<div className="gcu-link-card-content-title">
{t('gcu_option.read_gcu')}
</div>
</div>
</div>
</div>
</Link>
</div>
</div>
)
}
export default GCULink