Rename leafes/nodes to topic

app/src/components/Sidebar/NodeStats.tsx

@@ -18,7 +18,7 @@ class NodeStats extends React.Component<Props, {}> {
     return (
       <div>
         <Typography>Messages: #{node.messages}</Typography>
-        <Typography>Subtopics: {node.leafCount()}</Typography>
+        <Typography>Subtopics: {node.childTopicCount()}</Typography>
         <Typography>Messages Subtopics: #{node.leafMessageCount()}</Typography>
       </div>
     )

app/src/components/Tree/Tree.tsx

@@ -90,7 +90,7 @@ class Tree extends React.Component<Props, {}> {
           animateChages={true}
           isRoot={true}
           treeNode={tree}
-          name="/"
+          name={'"root"'}
           lastUpdate={tree.lastUpdate}
           collapsed={false}
           performanceCallback={this.performanceCallback}

app/src/components/Tree/TreeNodeSubnodes.tsx

@@ -42,7 +42,7 @@ class TreeNodeSubnodes extends React.Component<Props, State> {
       nodes = nodes.sort((a, b) => b.leafMessageCount() - a.leafMessageCount())
     }
     if (topicOrder === TopicOrder.topics) {
-      nodes = nodes.sort((a, b) => b.leafCount() - a.leafCount())
+      nodes = nodes.sort((a, b) => b.childTopicCount() - a.childTopicCount())
     }
 
     return nodes

app/src/components/Tree/TreeNodeTitle.tsx

@@ -84,7 +84,7 @@ class TreeNodeTitle extends React.Component<TreeNodeProps, {}> {
     }
 
     const messages = this.props.treeNode.leafMessageCount()
-    return <span style={this.getStyles().collapsedSubnodes}>({this.props.treeNode.leafCount()} nodes, {messages} messages)</span>
+    return <span style={this.getStyles().collapsedSubnodes}>({this.props.treeNode.childTopicCount()} topics, {messages} messages)</span>
   }
 }