add new action to focus trees

Author: knollengewaechs

frontend/javascripts/viewer/model/actions/skeletontracing_actions.tsx

@@ -27,6 +27,7 @@ type SetTreeVisibilityAction = ReturnType<typeof setTreeVisibilityAction>;
 type SetExpandedTreeGroupsByKeysAction = ReturnType<typeof setExpandedTreeGroupsByKeysAction>;
 type SetExpandedTreeGroupsByIdsAction = ReturnType<typeof setExpandedTreeGroupsByIdsAction>;
 type ExpandParentGroupsOfTreeAction = ReturnType<typeof expandParentGroupsOfTreeAction>;
+type FocusTreeAction = ReturnType<typeof focusTreeAction>;
 type ToggleAllTreesAction = ReturnType<typeof toggleAllTreesAction>;
 type ToggleInactiveTreesAction = ReturnType<typeof toggleInactiveTreesAction>;
 type ToggleTreeGroupAction = ReturnType<typeof toggleTreeGroupAction>;
@@ -119,6 +120,7 @@ export type SkeletonTracingAction =
   | SetExpandedTreeGroupsByKeysAction
   | SetExpandedTreeGroupsByIdsAction
   | ExpandParentGroupsOfTreeAction
+  | FocusTreeAction
   | ToggleInactiveTreesAction
   | ToggleTreeGroupAction
   | NoAction
@@ -401,6 +403,13 @@ export const expandParentGroupsOfTreeAction = (tree: Tree) =>
     tree,
   }) as const;
 
+export const focusTreeAction = (tree: Tree) => {
+  return {
+    type: "FOCUS_TREE",
+    tree,
+  } as const;
+};
+
 export const setTreeVisibilityAction = (treeId: number | null | undefined, isVisible: boolean) =>
   ({
     type: "SET_TREE_VISIBILITY",

frontend/javascripts/viewer/model/reducers/skeletontracing_reducer.ts

@@ -558,7 +558,6 @@ function SkeletonTracingReducer(
     }
 
     case "EXPAND_PARENT_GROUPS_OF_TREE": {
-      console.log("Expanding parent groups of tree in reducer");
       const { tree } = action;
       if (tree.groupId == null || skeletonTracing == null) {
         return state;

frontend/javascripts/viewer/view/context_menu.tsx

@@ -110,6 +110,7 @@ import {
   deleteBranchpointByIdAction,
   deleteEdgeAction,
   expandParentGroupsOfTreeAction,
+  focusTreeAction,
   mergeTreesAction,
   setActiveNodeAction,
   setTreeVisibilityAction,
@@ -624,6 +625,7 @@ function getNodeContextMenuOptions({
           key: "focus-tree",
           onClick: () => {
             Store.dispatch(expandParentGroupsOfTreeAction(clickedTree));
+            Store.dispatch(focusTreeAction(clickedTree));
           },
           label: "Focus Tree in Skeleton Tab",
         }

frontend/javascripts/viewer/view/right-border-tabs/trees_tab/tree_hierarchy_view.tsx

@@ -297,10 +297,7 @@ function TreeHierarchyView(props: Props) {
   // This is necessary outside of the useEffect hooks because a longer delay is needed to ensure the active tree has been rendered.
   setTimeout(scrollToActiveTree, 900);
 
-  useReduxActionListener("EXPAND_PARENT_GROUPS_OF_TREE", () => {
-    console.log("EXPAND_PARENT_GROUPS_OF_TREE action received, scrolling to active tree");
-    scrollToActiveTree();
-  });
+  useReduxActionListener("FOCUS_TREE", scrollToActiveTree);
 
   return (
     <>