mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-02 18:40:21 -05:00
30 lines
729 B
JavaScript
30 lines
729 B
JavaScript
|
import React from 'react'
|
||
|
|
import { useTranslation } from 'react-i18next'
|
||
|
|
import { OverlayTrigger, Tooltip } from 'react-bootstrap'
|
||
|
|
|
||
|
|
function FileTreeBadge() {
|
||
|
|
const { t } = useTranslation()
|
||
|
|
|
||
|
|
const tooltip = (
|
||
|
|
<Tooltip id="file-tree-badge-tooltip">
|
||
|
|
{t('file_tree_badge_tooltip')}
|
||
|
|
</Tooltip>
|
||
|
|
)
|
||
|
|
|
||
|
|
return (
|
||
|
|
<OverlayTrigger placement="bottom" overlay={tooltip} delayHide={100}>
|
||
|
|
<a
|
||
|
|
href="/beta/participate"
|
||
|
|
target="_blank"
|
||
|
|
rel="noopener noreferrer"
|
||
|
|
className="badge beta-badge"
|
||
|
|
onClick={ev => ev.stopPropagation()}
|
||
|
|
>
|
||
|
|
<span className="sr-only">{t('file_tree_badge_tooltip')}</span>
|
||
|
|
</a>
|
||
|
|
</OverlayTrigger>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default FileTreeBadge
|