♻️ Trigger useStory via useLayout by changing LayerName when grou…

…p is undefined
GoogleForCreators · Nov 15, 2023 · 8ddc6bd · 8ddc6bd
1 parent a3c73c2
commit 8ddc6bd
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 2 deletions.
diff --git a/packages/story-editor/src/components/panels/layer/groupLayer.js b/packages/story-editor/src/components/panels/layer/groupLayer.js
@@ -78,7 +78,21 @@ function GroupLayer({ groupId }) {
     })
   );
 
-  const { name, isLocked, isCollapsed } = groups[groupId];
+  const DEFAULT_NAME = 'Undefined Layer';
+  const DEFAULT_IS_LOCKED = false;
+  const DEFAULT_IS_COLLAPSED = false;
+
+  // Destructuring with default values in case groups[groupId] is undefined
+  let {
+    name = DEFAULT_NAME,
+    isLocked = DEFAULT_IS_LOCKED,
+    isCollapsed = DEFAULT_IS_COLLAPSED,
+  } = {};
+
+  // Check if groups and groups[groupId] exist before destructuring
+  if (groups && groups[groupId]) {
+    ({ name, isLocked, isCollapsed } = groups[groupId]);
+  }
 
   const { isSelected, handleClick } = useGroupSelection(groupId);
 

diff --git a/packages/story-editor/src/components/panels/layer/groupLayerActions.js b/packages/story-editor/src/components/panels/layer/groupLayerActions.js
@@ -49,7 +49,20 @@ function GroupLayerActions({ groupId }) {
     ),
   }));
 
-  const group = groups[groupId];
+  const DEFAULT_NAME = 'Undefined Layer';
+  const DEFAULT_IS_LOCKED = false;
+  const DEFAULT_IS_COLLAPSED = false;
+
+  let group = {
+    name: DEFAULT_NAME,
+    isLocked: DEFAULT_IS_LOCKED,
+    isCollapsed: DEFAULT_IS_COLLAPSED,
+  };
+
+  if (groups && groups[groupId]) {
+    group = groups[groupId];
+  }
+
   const allLayersHidden = groupLayers.every((layer) => layer.isHidden);
 
   const visibilityTitle = allLayersHidden