mirror of
https://github.com/overleaf/overleaf.git
synced 2024-09-16 02:52:31 -04:00
c008a1aece
GitOrigin-RevId: 87e767a064421c7bad6c4fa3c7053959bfdb4cd4
43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
import { useState } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
|
|
import getMeta from '../../../utils/meta'
|
|
|
|
export default function SyncMenu() {
|
|
const { t } = useTranslation()
|
|
const anonymous = getMeta('ol-anonymous') as boolean | undefined
|
|
const [editorLeftMenuSync] = useState<any[]>(
|
|
() =>
|
|
getMeta('editorLeftMenuSync') ||
|
|
importOverleafModules('editorLeftMenuSync')
|
|
)
|
|
|
|
if (anonymous === true || anonymous === undefined) {
|
|
return null
|
|
}
|
|
|
|
if (editorLeftMenuSync.length === 0) {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<h4>{t('sync')}</h4>
|
|
<ul className="list-unstyled nav">
|
|
{editorLeftMenuSync.map(({ import: importObject }) => (
|
|
<li key={Object.keys(importObject)[0]}>
|
|
<ModuleComponent Component={Object.values(importObject)[0]} />
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</>
|
|
)
|
|
}
|
|
|
|
type ModuleComponentProps = {
|
|
Component: any
|
|
}
|
|
|
|
function ModuleComponent({ Component }: ModuleComponentProps) {
|
|
return <Component />
|
|
}
|