overleaf/services/web/frontend/js/features/editor-navigation-toolbar/components/back-to-projects-button.tsx
Timothée Alby 5731463d32 Merge pull request #7956 from overleaf/ii-refactor-toolitp-usage
Tooltip usage refactoring

GitOrigin-RevId: f4b2d4d57722172141a081dd60e4394ff7fff332
2022-05-19 08:04:07 +00:00

27 lines
682 B
TypeScript

import { useTranslation } from 'react-i18next'
import Tooltip from '../../../shared/components/tooltip'
import Icon from '../../../shared/components/icon'
function BackToProjectsButton() {
const { t } = useTranslation()
return (
<Tooltip
id="back-to-projects"
description={t('back_to_your_projects')}
overlayProps={{ placement: 'right' }}
>
<div className="toolbar-item">
<a className="btn btn-full-height" href="/project">
<Icon
type="home"
fw
accessibilityLabel={t('back_to_your_projects')}
/>
</a>
</div>
</Tooltip>
)
}
export default BackToProjectsButton