wip

src/components/Modal.tsx

@@ -2,11 +2,6 @@ import { FC, ReactNode, useEffect, useState } from 'react'
 
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
 
-interface Position {
-  x: number,
-  y: number
-}
-
 interface ModalProps {
   TriggerButton?: ReactNode,
   showPopover?: boolean,
@@ -21,7 +16,6 @@ const Modal: FC<ModalProps> = ({
   position
 }) => {
 
-
   const [isOpen, setIsOpen] = useState(false)
 
   const handleOpenChange = (open: boolean) => {
@@ -31,8 +25,7 @@ const Modal: FC<ModalProps> = ({
   useEffect(() => {
     if (showPopover) setIsOpen(true)
   }, [position])
-
-
+
   return <div className="local-tree-modal">
     <Popover open={isOpen} onOpenChange={handleOpenChange}>
       <PopoverTrigger asChild>

src/components/base/IconRenderer.tsx

@@ -6,7 +6,6 @@ interface IconRendererProps {
   height?: number
 }
 
-
 const IconRenderer: FC<IconRendererProps> = ({ htmlString, width, height }) => {
   const ref = useRef<HTMLInputElement>(null)
 

src/components/tree-modal/TreeSelectionModalContent.tsx

@@ -7,6 +7,7 @@ import { dataStore } from '@/store/DataStore'
 import Tree from '@/components/Tree.tsx'
 import InputField from '@/components/base/InputField.tsx'
 import { ClosePopover } from '@/components/ui/popover'
+
 import { onExpand, onCollapse, getNodeIndices } from '@/utils/tree.ts'
 
 

src/store/ConfigStore.tsx

@@ -14,7 +14,6 @@ export const configStore = create<ConfigStoreType>((set, get) => ({
     set({ config: customConfig })
   },
   addNewPanel: (newPanelConfig: PanelConfig) => {
-
     const newConfig = { ...get().config }
     newConfig.panels?.push(newPanelConfig)
 
@@ -23,8 +22,8 @@ export const configStore = create<ConfigStoreType>((set, get) => ({
 
   updatePanel: (newPanelConfig: PanelConfig, newIndex: number) => {
     const newConfig = { ...get().config }
-
     if (newConfig.panels) newConfig.panels[newIndex] = newPanelConfig
+
     set({ config: newConfig })
   }
 }))

src/types.d.ts

@@ -284,5 +284,11 @@ declare global {
   interface CollectionMap {
     [key: string]: Collection
   }
+
+  interface Position {
+    x: number,
+    y: number
+  }
+
 }
 export {}

src/utils/tree.ts

@@ -82,7 +82,6 @@ export async function onCollapse(node: TreeNode, nodes: TreeNode[]) {
     const manifests = updatedTree[collectionIndex].children
     if (!manifests) return
     manifests[manifestIndex].expanded = false
-
     updatedTree[collectionIndex].children = [...manifests]
   }