mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-25 18:01:38 +00:00
7c97f8ab6e
* Use new JSX runtime and update Babel Node target * Update .eslintrc * Remove React imports GitOrigin-RevId: 559de0267f8f2934c56a860ea8701bb522aa861a
41 lines
1 KiB
JavaScript
41 lines
1 KiB
JavaScript
import PropTypes from 'prop-types'
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
import OutlineList from './outline-list'
|
|
|
|
function OutlineRoot({ outline, jumpToLine, highlightedLine }) {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<div>
|
|
{outline.length ? (
|
|
<OutlineList
|
|
outline={outline}
|
|
jumpToLine={jumpToLine}
|
|
isRoot
|
|
highlightedLine={highlightedLine}
|
|
/>
|
|
) : (
|
|
<div className="outline-body-no-elements">
|
|
{t('we_cant_find_any_sections_or_subsections_in_this_file')}.{' '}
|
|
<a
|
|
href="/learn/how-to/Using_the_File_Outline_feature"
|
|
className="outline-body-link"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
{t('find_out_more_about_the_file_outline')}
|
|
</a>
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
OutlineRoot.propTypes = {
|
|
outline: PropTypes.array.isRequired,
|
|
jumpToLine: PropTypes.func.isRequired,
|
|
highlightedLine: PropTypes.number,
|
|
}
|
|
|
|
export default OutlineRoot
|