Node click to view opinion dashboard

Author: s2t2

src/_App/BotAnalysis/Networks/Graph2.js

@@ -12,6 +12,12 @@ import Card from 'react-bootstrap/Card'
 import Spinner from '../../Spinner'
 import cachedData from './data'
 
+function nodeClickHandler(node, event){
+    console.log("YOU CLICKED", node["id"])
+    //window.open(`https://twitter.com/${node["id"]}`, '_blank')
+    window.open(`/user-opinions?sn=${node["id"]}`, '_blank')
+}
+
 const ForceTree = ({ data }) => {
 
     data["nodes"] = data["nodes"].map(function(node){
@@ -51,6 +57,7 @@ const ForceTree = ({ data }) => {
         nodeVal={5}
         nodeLabel={(node) => `@${node["id"]}`}
         nodeRelSize={1}
+        onNodeClick={nodeClickHandler}
 
         //dagMode="td"
         //dagLevelDistance={300}

src/_App/BotAnalysis/Networks/Section.js

@@ -18,8 +18,11 @@ export default function BotNetworks() {
                     <Card.Title><h3>Bot Networks</h3></Card.Title>
 
                     <Card.Text>
-                        The chart below shows the interconnections between bots in each community.
+                        The chart below shows the interconnections between bots in each <a href="/bot-communities">community</a>.
+                        {" "} Click any circle to view that bot's Impeachment Opinions in a new window.
                     </Card.Text>
+
+
                     <NetworkGraph/>
 
                     {/*

src/_App/BotAnalysis/Page.js

@@ -6,6 +6,7 @@ import ActivitySection from './Activity/Section'
 import BeneficiariesSection from './Beneficiaries/Section'
 import LanguageSection from './Language/Section'
 import ImpactSection from './Impact/Section'
+import NetworksSection from './Networks/Section'
 import CommunitiesSection from './Communities/Section'
 import ClassificationSection from './Classification/Section'
 
@@ -15,6 +16,7 @@ export default function BotAnalysisPage() {
             <SectionIndex/>
 
             <ImpactSection/>
+            <NetworksSection/>
             <BeneficiariesSection/>
             <LanguageSection/>
             <ActivitySection/>