hedgedoc/src/components/intro-page/feature-links.tsx
mrdrogdrog ef36123377
Replace MathJax with KaTeX (#497)
Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
2020-08-27 15:13:35 +02:00

37 lines
1.1 KiB
TypeScript

import React from 'react'
import { Col, Row } from 'react-bootstrap'
import { Trans, useTranslation } from 'react-i18next'
import { Link } from 'react-router-dom'
import { ForkAwesomeIcon } from '../common/fork-awesome/fork-awesome-icon'
export const FeatureLinks: React.FC = () => {
useTranslation()
return (
<Row className="mb-5">
<Col md={4}>
<Link to={'/n/features#Share-Notes'} className="text-light">
<ForkAwesomeIcon icon="bolt" size="3x"/>
<h5>
<Trans i18nKey="landing.intro.features.collaboration"/>
</h5>
</Link>
</Col>
<Col md={4}>
<Link to={'/n/features#MathJax'} className="text-light">
<ForkAwesomeIcon icon="bar-chart" size="3x"/>
<h5>
<Trans i18nKey="landing.intro.features.katex"/>
</h5>
</Link>
</Col>
<Col md={4}>
<Link to={'/n/features#Slide-Mode'} className="text-light">
<ForkAwesomeIcon icon="television" size="3x"/>
<h5>
<Trans i18nKey="landing.intro.features.slides"/>
</h5>
</Link>
</Col>
</Row>
)
}