diff --git a/apps/studio/components/grid/components/formatter/ForeignKeyFormatter.tsx b/apps/studio/components/grid/components/formatter/ForeignKeyFormatter.tsx index 63c9b9722c5..bfa8f2cab28 100644 --- a/apps/studio/components/grid/components/formatter/ForeignKeyFormatter.tsx +++ b/apps/studio/components/grid/components/formatter/ForeignKeyFormatter.tsx @@ -1,16 +1,16 @@ import type { PostgresTable } from '@supabase/postgres-meta' -import { ArrowRight } from 'lucide-react' -import type { PropsWithChildren } from 'react' -import type { RenderCellProps } from 'react-data-grid' - import { convertByteaToHex } from 'components/interfaces/TableGridEditor/SidePanelEditor/RowEditor/RowEditor.utils' import { ButtonTooltip } from 'components/ui/ButtonTooltip' import { useTableEditorQuery } from 'data/table-editor/table-editor-query' import { isTableLike } from 'data/table-editor/table-editor-types' import { useTableQuery } from 'data/tables/table-retrieve-query' import { useSelectedProjectQuery } from 'hooks/misc/useSelectedProject' +import { ArrowRight } from 'lucide-react' +import type { PropsWithChildren } from 'react' +import type { RenderCellProps } from 'react-data-grid' import { Popover_Shadcn_, PopoverContent_Shadcn_, PopoverTrigger_Shadcn_ } from 'ui' import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' + import type { SupaRow } from '../../types' import { NullValue } from '../common/NullValue' import { ReferenceRecordPeek } from './ReferenceRecordPeek' @@ -83,7 +83,14 @@ export const ForeignKeyFormatter = (props: Props) => { tooltip={{ content: { side: 'bottom', text: 'View referencing record' } }} /> - + { + e.preventDefault() + e.stopPropagation() + }} + >