From 3d9620a98cb25b77d624dcf5db92d47dfa7ce1d5 Mon Sep 17 00:00:00 2001
From: Divyesh Patel <pateldivyesh1323@gmail.com>
Date: Mon, 16 Sep 2024 18:55:59 +0530
Subject: [PATCH] fix: Company picker opening when it shouldn't (#7023)

### The Company Picker opens when it shouldn't.

Fixes #6989

### Video


https://github.com/user-attachments/assets/a1e56418-8409-46e8-879a-d8335593ea28
---
 .../modules/object-record/components/RecordChip.tsx    | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx b/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx
index db5e7aabd..16b207dbe 100644
--- a/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx
+++ b/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx
@@ -4,6 +4,7 @@ import { getLinkToShowPage } from '@/object-metadata/utils/getLinkToShowPage';
 import { useRecordChipData } from '@/object-record/hooks/useRecordChipData';
 import { ObjectRecord } from '@/object-record/types/ObjectRecord';
 import { UndecoratedLink } from '@/ui/navigation/link/components/UndecoratedLink';
+import { MouseEvent } from 'react';
 
 export type RecordChipProps = {
   objectNameSingular: string;
@@ -23,8 +24,15 @@ export const RecordChip = ({
     record,
   });
 
+  const handleClick = (e: MouseEvent<HTMLAnchorElement>) => {
+    e.stopPropagation();
+  };
+
   return (
-    <UndecoratedLink to={getLinkToShowPage(objectNameSingular, record)}>
+    <UndecoratedLink
+      onClick={handleClick}
+      to={getLinkToShowPage(objectNameSingular, record)}
+    >
       <AvatarChip
         placeholderColorSeed={record.id}
         name={recordChipData.name}