feat: trim the node label (#56)

NoMercy235 · Apr 4, 2020 · 8b97d86 · 8b97d86
1 parent 855859a
commit 8b97d86
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/shared/constants/graph.js b/src/shared/constants/graph.js
@@ -47,3 +47,5 @@ export const GRAPH_DEFAULT_CONFIG = {
 export const GRAPH_ENABLE_PREVIEW_LOCAL_STORAGE = 'isPreviewEnabled';
 
 export const GRAPH_PREVIEW_TIMEOUT = 1000;
+
+export const GRAPH_NAME_MAX_LENGTH = 30;
diff --git a/src/shared/utils/graphUtils.js b/src/shared/utils/graphUtils.js
@@ -1,5 +1,5 @@
 import { ThemeColors } from '../utilities';
-import { GRAPH_NODE_SIZE, GraphLinkTypes, GraphNodeLabelPositions } from '../constants/graph';
+import { GRAPH_NAME_MAX_LENGTH, GRAPH_NODE_SIZE, GraphLinkTypes, GraphNodeLabelPositions } from '../constants/graph';
 import { OptionModel } from '../../infrastructure/models/OptionModel';
 
 export const NodeSymbol = {
@@ -21,6 +21,12 @@ export const generateRandomPosition = () => {
   };
 };
 
+const getNodeLabel = label => {
+  return label.length < GRAPH_NAME_MAX_LENGTH
+    ? label
+    : `${label.substring(0, GRAPH_NAME_MAX_LENGTH)}...`;
+};
+
 export const seqToNode = (story, selectedNode) => seq => {
   const position = seq.x && seq.y
     ? { x: seq.x, y: seq.y }
@@ -30,7 +36,7 @@ export const seqToNode = (story, selectedNode) => seq => {
     id: seq._id,
     ...position,
     size: GRAPH_NODE_SIZE,
-    name: seq.name,
+    name: getNodeLabel(seq.name),
     ...(story.startSeq === seq._id && {
       symbolType: NodeSymbol.Wye,
       color: ThemeColors.Primary,