🐛 integrate user editing state into related tables component

liam-hq · Feb 28, 2025 · 5c06c79 · 5c06c79
1 parent 42a82e8
commit 5c06c79
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/empty-baboons-doubt.md b/.changeset/empty-baboons-doubt.md
@@ -0,0 +1,5 @@
+---
+"@liam-hq/erd-core": patch
+---
+
+🐛 integrate user editing state into related tables component
diff --git a/...rd/components/ERDContent/components/TableNode/TableDetail/RelatedTables/RelatedTables.tsx b/...rd/components/ERDContent/components/TableNode/TableDetail/RelatedTables/RelatedTables.tsx
@@ -1,3 +1,4 @@
+import { useUserEditingActiveStore } from '@/stores'
 import { GotoIcon, IconButton, Waypoints as WaypointsIcon } from '@liam-hq/ui'
 import { type Edge, type Node, ReactFlowProvider } from '@xyflow/react'
 import { type FC, type MouseEvent, useCallback } from 'react'
@@ -12,6 +13,8 @@ type Props = {
 }
 
 export const RelatedTables: FC<Props> = ({ nodes, edges, onOpenMainPane }) => {
+  const { tableName } = useUserEditingActiveStore()
+
   const handleClick = useCallback(
     async (event: MouseEvent) => {
       event.stopPropagation()
@@ -42,6 +45,7 @@ export const RelatedTables: FC<Props> = ({ nodes, edges, onOpenMainPane }) => {
         <div className={styles.contentWrapper}>
           <ReactFlowProvider>
             <ERDContent
+              key={tableName}
               nodes={nodes}
               edges={edges}
               displayArea="relatedTables"