Refactor of big Flow component

src/main/frontend/app/components/file-structure/use-file-tree-context-menu.ts

@@ -233,7 +233,7 @@ export function useFileTreeContextMenu({
         patterns: menu.isFolder ? FOLDER_OR_ADAPTER_NAME_PATTERNS : FILE_NAME_PATTERNS,
       })
     },
-    [projectName, dataProvider, closeContextMenu, showErrorToast, onAfterRename],
+    [projectName, dataProvider, closeContextMenu, showErrorToast, onAfterRename, logApiError],
   )
 
   const handleDelete = useCallback(

src/main/frontend/app/components/flow/create-node-modal.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState, type ChangeEvent, type JSX } from 'react'
 import { useSubmitOnEnter } from '~/hooks/use-submit-on-enter'
-import type { FlowNode } from '~/routes/studio/canvas/flow'
+import type { FlowNode } from '~/routes/studio/canvas-flow/canvas-flow'
 import useFlowStore from '~/stores/flow-store'
 import useNodeContextStore, { type NodeContextStore } from '~/stores/node-context-store'
 import { useFFDoc } from '@frankframework/doc-library-react'

src/main/frontend/app/components/sidebars-layout/sidebar-layout-store.ts

@@ -33,10 +33,10 @@ export const useSidebarStore = create<SidebarState>()(
       get,
     ): {
       instances: Record<string, SidebarInstance>
-      initializeInstance: (name: string, defaultVisible?: VisibilityState | undefined) => unknown
-      toggleSidebar: (name: string, side: SidebarSide) => unknown
-      setSizes: (name: string, sizes: number[]) => unknown
-      setVisible: (name: string, side: SidebarSide, value: boolean) => unknown
+      initializeInstance: (name: string, defaultVisible?: VisibilityState | undefined) => void
+      toggleSidebar: (name: string, side: SidebarSide) => void
+      setSizes: (name: string, sizes: number[]) => void
+      setVisible: (name: string, side: SidebarSide, value: boolean) => void
       getSizes: (name: string) => number[] | undefined
       getVisibility: (name: string) => VisibilityState | undefined
     } => ({
@@ -69,7 +69,8 @@ export const useSidebarStore = create<SidebarState>()(
           if (!instance) return state
 
           const newVisible = [...instance.visible] as VisibilityState
-          newVisible[side] = !Object.hasOwn(newVisible, side)
+          const currentValue = newVisible[side]
+          newVisible[side] = !currentValue
 
           return updateInstanceState(state, name, { visible: newVisible })
         }),

src/main/frontend/app/main.tsx

@@ -5,9 +5,6 @@ import { ToastsContainer } from '~/components/toast/toast'
 import { useTheme } from '~/hooks/use-theme'
 import { useProjectStore } from '~/stores/project-store'
 import type { ConfigurationProject } from '~/types/project.types'
-import dotenv from 'dotenv'
-
-dotenv.config({ quiet: true })
 
 import { router } from './router'
 import 'allotment/dist/style.css'

src/main/frontend/app/routes/projectlanding/project-landing.tsx

@@ -82,6 +82,7 @@ export default function ProjectLanding(): React.JSX.Element {
       setIsDiscovering(true)
       fetchInstanceConfigurations()
         .then((ffInstance): void => {
+          if (!ffInstance) return
           setFFInstanceName(ffInstance.name)
           setFFConfiguration(ffInstance.configurations)
         })