5512466585

import { useState, useEffect, useContext } from 'react'
import { DndContext, DndContextType } from 'react-dnd'
import { MultiBackendSwitcher } from 'dnd-multi-backend'

export const useObservePreviews = (): boolean => {
  const [enabled, setEnabled] = useState<boolean>(false)
  const dndContext = useContext<DndContextType>(DndContext)

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

    const observer = {
      backendChanged: (cbackend: MultiBackendSwitcher) => {
        setEnabled(cbackend.previewEnabled())
      },
    }

    setEnabled(backend.previewEnabled())

    backend.previewsList().register(observer)
    return () => {
      backend.previewsList().unregister(observer)
    }
  }, [dndContext, dndContext.dragDropManager])

  return enabled
}

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	}

LouisBrunner / dnd-multi-backend / 5512466585

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

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