David
ddbc40693b
Update file outline empty state link GitOrigin-RevId: 1f83c0d0010f6a48ff03d6b9464b4d8764630d85
44 lines
1.1 KiB
TypeScript
44 lines
1.1 KiB
TypeScript
import { useTranslation } from 'react-i18next'
|
|
import OutlineList from './outline-list'
|
|
import { OutlineItemData } from '@/features/ide-react/types/outline'
|
|
|
|
function OutlineRoot({
|
|
outline,
|
|
jumpToLine,
|
|
highlightedLine,
|
|
}: {
|
|
outline: OutlineItemData[]
|
|
jumpToLine: (line: number, syncToPdf: boolean) => void
|
|
highlightedLine?: number
|
|
}) {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<div>
|
|
{outline.length ? (
|
|
<OutlineList
|
|
outline={outline}
|
|
jumpToLine={jumpToLine}
|
|
isRoot
|
|
highlightedLine={highlightedLine}
|
|
containsHighlightedLine
|
|
/>
|
|
) : (
|
|
<div className="outline-body-no-elements">
|
|
{t('we_cant_find_any_sections_or_subsections_in_this_file')}.{' '}
|
|
<a
|
|
href="https://docs.overleaf.com/navigating-in-the-editor/selecting-and-managing-files"
|
|
className="outline-body-link"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
{t('find_out_more_about_the_file_outline')}
|
|
</a>
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default OutlineRoot
|