import React, { useEffect, useRef } from "react" import useGameQueries from "hooks/useGameQueries" import useInspector from "hooks/useInspector" import Delete from "./Delete" import Entrances from "./Entrances" import InformationSlots from "./InformationSlots" import Meta from "./Meta" import Portals from "./Portals" import Preview from "./Preview" import PreviousStates from "./PreviousStates" import Properties from "./Properties" import States from "./States" import Transitions from "./Transitions" import UnlockConditions from "./UnlockConditions" import Container from "./Container" import Header from "./Header" import Body from "./Body" const DetailPane = () => { const ref = useRef(null) const { inspectedEntity, inspectedState } = useInspector() const { getEntityById, getStateById } = useGameQueries() const entity = getEntityById(inspectedEntity) const state = getStateById(inspectedState) useEffect(() => { if (ref.current) { ref.current.scrollTo(0, 0) } }, [inspectedEntity, inspectedState]) return (

{entity && } {entity && } {state && } {state && } {state && } {entity && } {entity && } {entity && } {entity && } {entity && !state && } {entity && } ) } export default DetailPane