Skip to content
Snippets Groups Projects
GCULink.tsx 1.29 KiB
Newer Older
  • Learn to ignore specific revisions
  • 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