use @computed for grid

plugins/dashboard/frontend/src/app/components/FPC.tsx

 import * as React from 'react';
 import NodeStore from "app/stores/NodeStore";
 import {inject, observer} from "mobx-react";
-import {FPCStore, LightenDarkenColor, Node} from "app/stores/FPCStore";
+import {FPCStore} from "app/stores/FPCStore";
 import Row from "react-bootstrap/Row";
 import Container from "react-bootstrap/Container";
-import Col from "react-bootstrap/Col";
 
 interface Props {
     nodeStore?: NodeStore;
@@ -16,23 +15,11 @@ interface Props {
 @observer
 export default class FPC extends React.Component<Props, any> {
     render() {
-        let {nodes} = this.props.fpcStore;
-        let nodeSquares = [];
-        nodes.forEach((node: Node, id: number, obj: Map<number, Node>) => {
-            nodeSquares.push(
-                <Col xs={1} key={id.toString()} style={{
-                    height: 50,
-                    width: 50,
-                    background: LightenDarkenColor("#707070", node.opinion),
-                }}>
-                    {node.opinion}
-                </Col>
-            )
-        })
+        let {nodeGrid} = this.props.fpcStore;
         return (
             <Container>
                 <Row>
-                    {nodeSquares}
+                    {nodeGrid}
                 </Row>
             </Container>
         );

plugins/dashboard/frontend/src/app/stores/FPCStore.tsx

 import {RouterStore} from "mobx-react-router";
-import {action, observable, ObservableMap} from "mobx";
+import {action, computed, observable, ObservableMap} from "mobx";
+import Col from "react-bootstrap/Col";
+import * as React from "react";
 
 export class Node {
     id: number;
@@ -48,6 +50,23 @@ export class FPCStore {
         }
     }
 
+    @computed
+    get nodeGrid(){
+        let nodeSquares = [];
+        this.nodes.forEach((node: Node, id: number, obj: Map<number, Node>) => {
+            nodeSquares.push(
+                <Col xs={1} key={id.toString()} style={{
+                    height: 50,
+                    width: 50,
+                    background: LightenDarkenColor("#707070", node.opinion),
+                }}>
+                    {node.opinion}
+                </Col>
+            )
+        })
+        return nodeSquares;
+    }
+
 
 }