📈 add types for select table logging

frontend/.changeset/chatty-poems-talk.md

@@ -0,0 +1,5 @@
+---
+"@liam-hq/erd-core": patch
+---
+
+:chart_with_upwards_trend: add types for select table logging

frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/ERDContent.tsx

@@ -1,3 +1,4 @@
+import { selectTableLogEvent } from '@/features/gtm/utils'
 import { updateActiveTableName, useUserEditingActiveStore } from '@/stores'
 import type { Relationships } from '@liam-hq/db-structure'
 import {
@@ -75,8 +76,9 @@ export const ERDContentInner: FC<Props> = ({
   )
   useSyncHighlightsActiveTableChange()
 
-  const handleNodeClick = useCallback((nodeId: string) => {
-    updateActiveTableName(nodeId)
+  const handleNodeClick = useCallback((tableId: string) => {
+    updateActiveTableName(tableId)
+    selectTableLogEvent({ ref: 'mainArea', tableId })
   }, [])
 
   const handlePaneClick = useCallback(() => {

frontend/packages/erd-core/src/components/ERDRenderer/LeftPane/TableNameMenuButton/TableNameMenuButton.tsx

@@ -1,3 +1,4 @@
+import { selectTableLogEvent } from '@/features/gtm/utils'
 import { updateActiveTableName, useUserEditingStore } from '@/stores'
 import { SidebarMenuButton, SidebarMenuItem, Table2 } from '@liam-hq/ui'
 import clsx from 'clsx'
@@ -8,6 +9,7 @@ import { VisibilityButton } from './VisibilityButton'
 
 const handleClickMenuButton = (tableId: string) => () => {
   updateActiveTableName(tableId)
+  selectTableLogEvent({ ref: 'leftPane', tableId })
 }
 
 type Props = {

frontend/packages/erd-core/src/features/gtm/utils/index.ts

@@ -1 +1,2 @@
 export * from './clickLogEvent'
+export * from './selectTableLogEvent'

frontend/packages/erd-core/src/features/gtm/utils/selectTableLogEvent.ts

@@ -0,0 +1,14 @@
+import { pushToDataLayer } from './pushToDataLayer'
+
+type selectTable = {
+  ref: 'leftPane' | 'mainArea'
+  tableId: string
+}
+
+export const selectTableLogEvent = ({ ref, tableId }: selectTable) => {
+  pushToDataLayer({
+    event: 'selectTable',
+    ref,
+    tableId,
+  })
+}