import React from 'react' ; import SpecimenDescriptionPanel from './SpecimenDescriptionPanel' ; import { useAppContext } from './state' ; import { Specimen } from './types' ; import RenderBlocks from './ui/RenderBlocks' ; interface Props { specimen : Specimen ; id : string ; } const SpecimenPanels = ( props ) => { const { state , actions } = useAppContext ( ) ; const { specimen , id } = props ; return ( < > { specimen . description ? ( < SpecimenDescriptionPanel { ... { specimen } } / > ) : null } { } { state && state . blocks && state . blocks . panels ? ( < RenderBlocks blocks = { state . blocks . panels } / > ) : null } < />); } ; export default SpecimenPanels ;