From b9782109a42734d20d862b4cffa99060f6ecfe0a Mon Sep 17 00:00:00 2001
From: "burnettk (aider)" <burnettk@users.noreply.github.com>
Date: Mon, 10 Feb 2025 16:41:09 -0500
Subject: [PATCH] feat: Display TreePanel in SideNav for /newui/processes

---
 .../a-spiffui-v3/views/StartProcess/Processes.tsx | 15 ++++++++++++++-
 spiffworkflow-frontend/src/routes/SpiffUIV3.tsx   |  7 ++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/spiffworkflow-frontend/src/a-spiffui-v3/views/StartProcess/Processes.tsx b/spiffworkflow-frontend/src/a-spiffui-v3/views/StartProcess/Processes.tsx
index d1fa42ba1..6d0468d86 100644
--- a/spiffworkflow-frontend/src/a-spiffui-v3/views/StartProcess/Processes.tsx
+++ b/spiffworkflow-frontend/src/a-spiffui-v3/views/StartProcess/Processes.tsx
@@ -1,7 +1,20 @@
 import ProcessModelTreePage from './ProcessModelTreePage';
 import { ProcessModelAction } from '../../interfaces';
+import {useEffect} from 'react';
+import {TreePanel} from './TreePanel';
+
+export default function Processes({setNavElementCallback}: {setNavElementCallback: Function}) {
+
+  useEffect(() => {
+    if (setNavElementCallback) {
+      setNavElementCallback(
+        <TreePanel
+          processGroups={[]}
+        />,
+      );
+    }
+  }, [setNavElementCallback]);
 
-export default function Processes() {
   return (
     <ProcessModelTreePage
       processModelAction={ProcessModelAction.Open}
diff --git a/spiffworkflow-frontend/src/routes/SpiffUIV3.tsx b/spiffworkflow-frontend/src/routes/SpiffUIV3.tsx
index cf5bbac96..bb1066d6f 100644
--- a/spiffworkflow-frontend/src/routes/SpiffUIV3.tsx
+++ b/spiffworkflow-frontend/src/routes/SpiffUIV3.tsx
@@ -230,7 +230,12 @@ export default function SpiffUIV3() {
                       />
                     }
                   />
-                  <Route path="/processes" element={<Processes />} />
+                  <Route
+                    path="/processes"
+                    element={<Processes
+                      setNavElementCallback={setAdditionalNavElement}
+                               />}
+                  />
                   <Route
                     path="/processes/:process_group_id"
                     element={<Processes />}