mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-13 12:39:23 -05:00
66c55b0647
GitOrigin-RevId: 9af00459ec121a605b84809b349a0bc258896048
38 lines
1.5 KiB
TypeScript
38 lines
1.5 KiB
TypeScript
import React, { memo, useCallback, useState } from 'react'
|
|
import { useUserContext } from '@/shared/context/user-context'
|
|
import { useIdeReactContext } from '@/features/ide-react/context/ide-react-context'
|
|
import { useConnectionContext } from '@/features/ide-react/context/connection-context'
|
|
import { RefProviders } from '../../../../../types/user'
|
|
import FileTreeRoot from '@/features/file-tree/components/file-tree-root'
|
|
import { useFileTreeOpenContext } from '@/features/ide-react/context/file-tree-open-context'
|
|
|
|
export const FileTree = memo(function FileTree() {
|
|
const user = useUserContext()
|
|
const { setStartedFreeTrial } = useIdeReactContext()
|
|
const { isConnected, connectionState } = useConnectionContext()
|
|
const { handleFileTreeInit, handleFileTreeSelect, handleFileTreeDelete } =
|
|
useFileTreeOpenContext()
|
|
|
|
const [refProviders, setRefProviders] = useState<RefProviders>(
|
|
() => user.refProviders || {}
|
|
)
|
|
|
|
const setRefProviderEnabled = useCallback(
|
|
(provider: keyof RefProviders, value = true) => {
|
|
setRefProviders(refProviders => ({ ...refProviders, [provider]: value }))
|
|
},
|
|
[]
|
|
)
|
|
|
|
return (
|
|
<FileTreeRoot
|
|
refProviders={refProviders}
|
|
setRefProviderEnabled={setRefProviderEnabled}
|
|
setStartedFreeTrial={setStartedFreeTrial}
|
|
isConnected={isConnected || connectionState.reconnectAt !== null}
|
|
onInit={handleFileTreeInit}
|
|
onSelect={handleFileTreeSelect}
|
|
onDelete={handleFileTreeDelete}
|
|
/>
|
|
)
|
|
})
|