proper organism tab #19: display warning upon reaching tree limit

CoderDojoTrento · Sep 10, 2020 · b3f3451 · b3f3451
1 parent 915d9de
commit b3f3451
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/docs/performance-test.sb3 b/docs/performance-test.sb3
diff --git a/src/components/botch/botch-life-tree.jsx b/src/components/botch/botch-life-tree.jsx
@@ -13,6 +13,8 @@ import styles from './botch-life-tree.css';
 import BotchLifeTreeItem from './botch-life-tree-item.jsx';
 import log from '../../lib/log.js';
 
+/* global BOTCH */
+
 const messages = defineMessages({
     filterPlaceholder: {
         id: 'gui.library.filterPlaceholder',
@@ -296,6 +298,14 @@ class BotchLifeTree extends React.Component {
                         </g>
 
                     ))}
+                {Object.keys(fl).length >= BOTCH.constructor.MAX_STORAGE ?
+                    <text
+                        x={vb.x + (0.05 * vb.width)}
+                        y={vb.y + (0.05 * vb.height)}
+                        style={{'font-size': 14 * this.props.viz.zoom,
+                            'fill': 'red'}}
+                    > {`TREE IS FULL ! To empty it, click on the green flag!`}</text> :
+                    null}
             </svg>
         );
     }

diff --git a/src/containers/botch-organism-tab.jsx b/src/containers/botch-organism-tab.jsx
@@ -173,7 +173,7 @@ class BotchOrganismTab extends React.Component {
         const layout = {};
 
 
-        // fictitious node, outside viewport on purpose
+        // fictitious node, outside viewBox on purpose
         const p0 = {};
 
         p0.generation = 0;