LouisBrunner / dnd-multi-backend / 5789803565

Source File
Press 'n' to go to next uncovered line, 'b' for previous

88.89
/packages/react-dnd-multi-backend/src/hooks/useObservePreviews.ts
1 
import { useState, useEffect, useContext } from 'react'
108✔
2 
import { DndContext, DndContextType } from 'react-dnd'
15✔
3 
import { MultiBackendSwitcher } from 'dnd-multi-backend'
4 









5



export const useObservePreviews = (): boolean => {




15✔





6



  const [enabled, setEnabled] = useState<boolean>(false)




63✔





7



  const dndContext = useContext<DndContextType>(DndContext)




63✔





8












9



  useEffect(() => {




63✔





10



    const backend = dndContext?.dragDropManager?.getBackend() as MultiBackendSwitcher





21!





11












12



    const observer = {




21✔





13



      backendChanged: (cbackend: MultiBackendSwitcher) => {










14



        setEnabled(cbackend.previewEnabled())




27✔





15



      },










16



    }










17












18



    setEnabled(backend.previewEnabled())




21✔





19












20



    backend.previewsList().register(observer)




21✔





21



    return () => {




21✔





22



      backend.previewsList().unregister(observer)




21✔





23



    }










24



  }, [dndContext, dndContext.dragDropManager])










25












26



  return enabled




63✔





27



}
























    

  • 

    •