feat: Send openRelatedTablesLogEvent when opening related tables on m…

…ain area
liam-hq · Dec 19, 2024 · ac55466 · ac55466
1 parent 8f5baee
commit ac55466
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/...c/components/ERDRenderer/ERDContent/TableNode/TableDetail/RelatedTables/RelatedTables.tsx b/...c/components/ERDRenderer/ERDContent/TableNode/TableDetail/RelatedTables/RelatedTables.tsx
@@ -1,4 +1,5 @@
 import { convertDBStructureToNodes } from '@/components/ERDRenderer/convertDBStructureToNodes'
+import { OpenRelatedTablesLogEvent } from '@/features/gtm/utils'
 import { updateActiveTableName, useDBStructureStore } from '@/stores'
 import type { Table } from '@liam-hq/db-structure'
 import { GotoIcon, IconButton } from '@liam-hq/ui'
@@ -29,7 +30,10 @@ export const RelatedTables: FC<Props> = ({ table }) => {
       }))
     })
     updateActiveTableName(undefined)
-  }, [nodes, setNodes])
+    OpenRelatedTablesLogEvent({
+      tableId: table.name,
+    })
+  }, [nodes, setNodes, table.name])
 
   return (
     <div className={styles.wrapper}>

diff --git a/frontend/packages/erd-core/src/features/gtm/utils/openRelatedTablesLogEvent.ts b/frontend/packages/erd-core/src/features/gtm/utils/openRelatedTablesLogEvent.ts
@@ -4,7 +4,9 @@ type OpenRelatedTablesLogEvent = {
   tableId: string
 }
 
-export const OpenRelatedTablesLogEvent = ({ tableId }: OpenRelatedTablesLogEvent) => {
+export const OpenRelatedTablesLogEvent = ({
+  tableId,
+}: OpenRelatedTablesLogEvent) => {
   pushToDataLayer({
     event: 'open_related_tables',
     tableId,