From 636bb352c7838e834f5e9d190647d132560b1ca2 Mon Sep 17 00:00:00 2001
From: caydyan <notevol@qq.com>
Date: Sun, 14 Jun 2026 23:36:11 +0800
Subject: [PATCH 1/2] Add ticket tribe notification link

---
 src/bounties/BountyModalButtonSet.tsx         | 21 +++++++++++++++++++
 .../__tests__/BountyModelButtonSet.spec.tsx   | 16 +++++++++++++-
 2 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/src/bounties/BountyModalButtonSet.tsx b/src/bounties/BountyModalButtonSet.tsx
index 6a2e578b0..060aaa070 100644
--- a/src/bounties/BountyModalButtonSet.tsx
+++ b/src/bounties/BountyModalButtonSet.tsx
@@ -15,6 +15,9 @@ const ButtonSetContainer = styled.div`
 
 const ButtonSet = ({ showGithubBtn, ...props }: any) => {
   const color = colors['light'];
+  const hasTribe =
+    typeof props.tribe === 'string' && props.tribe.toLowerCase() !== 'none';
+
   return (
     <ButtonSetContainer
       style={{
@@ -174,6 +177,24 @@ const ButtonSet = ({ showGithubBtn, ...props }: any) => {
         </div>
         <EuiText className="ButtonText">Share to Twitter</EuiText>
       </ButtonContainer>
+      {hasTribe && (
+        <EuiText
+          data-testid="join-tribe-ticket-link"
+          onClick={() => props?.tribeFunction?.()}
+          style={{
+            color: color.blue1,
+            cursor: 'pointer',
+            fontSize: '13px',
+            fontWeight: 500,
+            lineHeight: '18px',
+            marginTop: '16px',
+            maxWidth: '220px'
+          }}
+        >
+          Interested in seeing more tickets like this? Join the tribe and get notified about new
+          tickets
+        </EuiText>
+      )}
       {props.isOwner && props.show === false && (
         <>
           <div
diff --git a/src/bounties/__tests__/BountyModelButtonSet.spec.tsx b/src/bounties/__tests__/BountyModelButtonSet.spec.tsx
index a36d27e89..b4b7732c3 100644
--- a/src/bounties/__tests__/BountyModelButtonSet.spec.tsx
+++ b/src/bounties/__tests__/BountyModelButtonSet.spec.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { fireEvent, render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import '@testing-library/jest-dom/extend-expect';
 import ButtonSet from '../BountyModalButtonSet';
@@ -23,4 +23,18 @@ describe('BountyModalButtonSet Component', () => {
     const tribeButton = screen.getByText(/kotlin/i);
     expect(tribeButton).toBeInTheDocument();
   });
+
+  it('renders the ticket tribe notification link and opens the tribe when clicked', () => {
+    const tribeFunction = jest.fn();
+
+    render(<ButtonSet tribe="kotlin" tribeFunction={tribeFunction} />);
+
+    const joinLink = screen.getByTestId('join-tribe-ticket-link');
+    expect(joinLink).toHaveTextContent(
+      'Interested in seeing more tickets like this? Join the tribe and get notified about new tickets'
+    );
+
+    fireEvent.click(joinLink);
+    expect(tribeFunction).toHaveBeenCalledTimes(1);
+  });
 });

From 7c6c6b33fa131359ddd1b064c57b61857f81ffb8 Mon Sep 17 00:00:00 2001
From: caydyan <notevol@qq.com>
Date: Sun, 14 Jun 2026 23:55:18 +0800
Subject: [PATCH 2/2] Harden tribe ticket link handling

---
 src/bounties/BountyModalButtonSet.tsx           | 16 ++++++++++++----
 .../__tests__/BountyModelButtonSet.spec.tsx     | 17 +++++++++++++++++
 2 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/src/bounties/BountyModalButtonSet.tsx b/src/bounties/BountyModalButtonSet.tsx
index 060aaa070..25b6e46ba 100644
--- a/src/bounties/BountyModalButtonSet.tsx
+++ b/src/bounties/BountyModalButtonSet.tsx
@@ -15,8 +15,8 @@ const ButtonSetContainer = styled.div`
 
 const ButtonSet = ({ showGithubBtn, ...props }: any) => {
   const color = colors['light'];
-  const hasTribe =
-    typeof props.tribe === 'string' && props.tribe.toLowerCase() !== 'none';
+  const tribeName = typeof props.tribe === 'string' ? props.tribe.trim() : '';
+  const hasTribe = tribeName.length > 0 && tribeName.toLowerCase() !== 'none';
 
   return (
     <ButtonSetContainer
@@ -81,7 +81,7 @@ const ButtonSet = ({ showGithubBtn, ...props }: any) => {
           </div>
         </ButtonContainer>
       )}
-      {typeof props.tribe === 'string' && props.tribe !== 'None' ? (
+      {hasTribe ? (
         <ButtonContainer
           topMargin={'16px'}
           onClick={() => {
@@ -104,7 +104,7 @@ const ButtonSet = ({ showGithubBtn, ...props }: any) => {
             />
           </div>
           <EuiText className="ButtonText">
-            {props.tribe.slice(0, 14)} {props.tribe.length > 14 && '...'}
+            {tribeName.slice(0, 14)} {tribeName.length > 14 && '...'}
           </EuiText>
           <div className="ImageContainer">
             <img
@@ -181,6 +181,13 @@ const ButtonSet = ({ showGithubBtn, ...props }: any) => {
         <EuiText
           data-testid="join-tribe-ticket-link"
           onClick={() => props?.tribeFunction?.()}
+          onKeyDown={(event: React.KeyboardEvent) => {
+            if (event.key === 'Enter' || event.key === ' ') {
+              event.preventDefault();
+              props?.tribeFunction?.();
+            }
+          }}
+          role="button"
           style={{
             color: color.blue1,
             cursor: 'pointer',
@@ -190,6 +197,7 @@ const ButtonSet = ({ showGithubBtn, ...props }: any) => {
             marginTop: '16px',
             maxWidth: '220px'
           }}
+          tabIndex={0}
         >
           Interested in seeing more tickets like this? Join the tribe and get notified about new
           tickets
diff --git a/src/bounties/__tests__/BountyModelButtonSet.spec.tsx b/src/bounties/__tests__/BountyModelButtonSet.spec.tsx
index b4b7732c3..3e5ff083d 100644
--- a/src/bounties/__tests__/BountyModelButtonSet.spec.tsx
+++ b/src/bounties/__tests__/BountyModelButtonSet.spec.tsx
@@ -37,4 +37,21 @@ describe('BountyModalButtonSet Component', () => {
     fireEvent.click(joinLink);
     expect(tribeFunction).toHaveBeenCalledTimes(1);
   });
+
+  it('opens the tribe notification link from the keyboard', () => {
+    const tribeFunction = jest.fn();
+
+    render(<ButtonSet tribe="kotlin" tribeFunction={tribeFunction} />);
+
+    fireEvent.keyDown(screen.getByTestId('join-tribe-ticket-link'), { key: 'Enter' });
+    expect(tribeFunction).toHaveBeenCalledTimes(1);
+  });
+
+  it('does not render the ticket tribe notification link for missing tribes', () => {
+    const { rerender } = render(<ButtonSet tribe="none" />);
+    expect(screen.queryByTestId('join-tribe-ticket-link')).not.toBeInTheDocument();
+
+    rerender(<ButtonSet tribe=" " />);
+    expect(screen.queryByTestId('join-tribe-ticket-link')).not.toBeInTheDocument();
+  });
 });