Added lock icon for published states

statecharts · Feb 5, 2020 · 521f4ab · 521f4ab
1 parent 80c9e20
commit 521f4ab
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 15 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sierralabs/xstate-viz",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "Visualizer for XState.",
   "main": "lib/index.js",
   "scripts": {
@@ -35,6 +35,6 @@
     "react-dom": "^16.6.0",
     "resize-observer-polyfill": "^1.5.1",
     "styled-components": "^4.0.2",
-    "xstate": "^4.6.3"
+    "xstate": "4.6.7"
   }
 }
diff --git a/src/StateChartNode.tsx b/src/StateChartNode.tsx
@@ -510,7 +510,7 @@ export class StateChartNode extends React.Component<StateChartNodeProps> {
               '--depth': stateNode.path.length
             }}
           >
-            <strong>{stateNode.key}</strong>
+            <strong>{stateNode.meta.isPublished && '🔒'}{stateNode.key}</strong>
             {stateNode.path.length === 0 ? (
               <StyledButton
                 data-variant="reset"