mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-17 21:05:04 -04:00
0cde5be165
Convert React context providers to TypeScript [don't squash!] GitOrigin-RevId: d92a91798286978410956ab791d73c17c5086d86
42 lines
1.5 KiB
TypeScript
42 lines
1.5 KiB
TypeScript
import { FileTreeMainProvider } from '../contexts/file-tree-main'
|
|
import { FileTreeActionableProvider } from '../contexts/file-tree-actionable'
|
|
import { FileTreeSelectableProvider } from '../contexts/file-tree-selectable'
|
|
import { FileTreeDraggableProvider } from '../contexts/file-tree-draggable'
|
|
import { FC } from 'react'
|
|
|
|
// renders all the contexts needed for the file tree:
|
|
// FileTreeMain: generic store
|
|
// FileTreeActionable: global UI state for actions (rename, delete, etc.)
|
|
// FileTreeMutable: provides entities mutation operations
|
|
// FileTreeSelectable: handles selection and multi-selection
|
|
const FileTreeContext: FC<{
|
|
reindexReferences: () => void
|
|
refProviders: Record<string, boolean>
|
|
setRefProviderEnabled: (provider: string, value: boolean) => void
|
|
setStartedFreeTrial: (value: boolean) => void
|
|
onSelect: () => void
|
|
}> = ({
|
|
refProviders,
|
|
reindexReferences,
|
|
setRefProviderEnabled,
|
|
setStartedFreeTrial,
|
|
onSelect,
|
|
children,
|
|
}) => {
|
|
return (
|
|
<FileTreeMainProvider
|
|
refProviders={refProviders}
|
|
setRefProviderEnabled={setRefProviderEnabled}
|
|
setStartedFreeTrial={setStartedFreeTrial}
|
|
reindexReferences={reindexReferences}
|
|
>
|
|
<FileTreeSelectableProvider onSelect={onSelect}>
|
|
<FileTreeActionableProvider reindexReferences={reindexReferences}>
|
|
<FileTreeDraggableProvider>{children}</FileTreeDraggableProvider>
|
|
</FileTreeActionableProvider>
|
|
</FileTreeSelectableProvider>
|
|
</FileTreeMainProvider>
|
|
)
|
|
}
|
|
|
|
export default FileTreeContext
|