moved reducer display under state in tool tip display

Author: garrettlchow

src/app/components/StateRoute/ComponentMap/ComponentMap.tsx

@@ -520,12 +520,12 @@ export default function ComponentMap({
                 }
               />
               {/* Add this new container for reducer state */}
-              {tooltipData.componentData.reducerState && (
+              {/* {tooltipData.componentData.reducerState && (
                 <ToolTipDataDisplay
                   containerName='Reducer State'
                   dataObj={tooltipData.componentData.reducerState}
                 />
-              )}
+              )} */}
             </div>
           </div>
         </TooltipInPortal>

src/backend/controllers/createTree.ts

@@ -222,14 +222,14 @@ export default function createTree(currentFiberNode: Fiber): Tree {
             if (isReducer) {
               // If it's a reducer, store its state
               componentData.reducerState = state;
-            } else {
-              // Otherwise treat as useState
-              componentData.hooksState[hooksNames[i]?.varName || `state${i}`] = state;
             }
+            // Otherwise treat as useState
+            componentData.hooksState[hooksNames[i]?.varName || `Reducer: ${i}`] = state;
           });
 
           // Pass to front end
-          newState = componentData.reducerState || componentData.hooksState;
+          newState = componentData.hooksState;
+          console.log('new state', newState);
         } catch (err) {
           console.log('Error extracting functional component state:', {
             componentName,

src/backend/controllers/statePropExtractors.ts

@@ -80,9 +80,7 @@ export function getHooksStateAndUpdateMethod(
         state: memoizedState.memoizedState,
         isReducer: true,
       });
-    }
-    // Existing useState check
-    if (memoizedState.queue) {
+    } else if (memoizedState.queue) {
       hooksStates.push({
         component: memoizedState.queue,
         state: memoizedState.memoizedState,