import * as q from '../../../../backend/src/Model' ; import * as React from 'react' ; import { TopicViewModel } from '../../model/TopicViewModel' ; import { Typography } from '@material-ui/core' ; interface Props { node ? : q . TreeNode < TopicViewModel > ; } class NodeStats extends React . Component < Props , { } > { constructor ( props ) { super ( props ) ; } public render ( ) { const { node } = this . props ; if ( ! node ) { return null ; } return ( < div > < Typography > Messages : # { node . messages } < /Typography> < Typography > Subtopics : { node . childTopicCount ( ) } < /Typography> < Typography > Messages Subtopics : # { node . leafMessageCount ( ) } < /Typography> < /div>); } } export default NodeStats ;