From 3d4c91c969534b17e97e726581b1c757afcab2b6 Mon Sep 17 00:00:00 2001
From: Ajay Bura <32841439+ajbura@users.noreply.github.com>
Date: Mon, 3 Nov 2025 15:28:42 +0530
Subject: [PATCH] add onClick prop to thread selector

---
 .../features/room/message/thread-selector/ThreadSelector.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/app/features/room/message/thread-selector/ThreadSelector.tsx b/src/app/features/room/message/thread-selector/ThreadSelector.tsx
index b022a34f..41c87edc 100644
--- a/src/app/features/room/message/thread-selector/ThreadSelector.tsx
+++ b/src/app/features/room/message/thread-selector/ThreadSelector.tsx
@@ -13,18 +13,22 @@ export function ThreadSelectorContainer({ children }: { children: ReactNode }) {
 
 type ThreadSelectorProps = {
   room: Room;
+  threadId: string;
   threadDetail: IThreadBundledRelationship;
   outlined?: boolean;
   hour24Clock: boolean;
   dateFormatString: string;
+  onClick?: (threadId: string) => void;
 };
 
 export function ThreadSelector({
   room,
+  threadId,
   threadDetail,
   outlined,
   hour24Clock,
   dateFormatString,
+  onClick,
 }: ThreadSelectorProps) {
   const latestEvent = threadDetail.latest_event;
 
@@ -43,6 +47,7 @@ export function ThreadSelector({
       className={classNames(css.ThreadSelector, outlined && css.ThreadSectorOutlined)}
       alignItems="Center"
       gap="300"
+      onClick={() => onClick?.(threadId)}
     >
       <Box className={css.ThreadRepliesCount} shrink="No" alignItems="Center" gap="200">
         <Icon size="100" src={Icons.Thread} filled />