From 00ccd2d865e4d4d072ff9068f29f5cbc8b24051f Mon Sep 17 00:00:00 2001
From: JimmFly <yangjinfei001@gmail.com>
Date: Fri, 30 May 2025 02:18:25 +0000
Subject: [PATCH] chore: display join button text based on invitation type
 (#12650)

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

## Summary by CodeRabbit

- **New Features**
  - The button on the Request to Join page now dynamically updates its label to show "accept invitation" when an invitation is pending, improving clarity for users responding to workspace invites.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 .../member-components/request-to-join-page.tsx           | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/component/src/components/member-components/request-to-join-page.tsx b/packages/frontend/component/src/components/member-components/request-to-join-page.tsx
index 80ae649f26..521b509145 100644
--- a/packages/frontend/component/src/components/member-components/request-to-join-page.tsx
+++ b/packages/frontend/component/src/components/member-components/request-to-join-page.tsx
@@ -2,7 +2,10 @@ import {
   AuthPageContainer,
   type User,
 } from '@affine/component/auth-components';
-import type { GetInviteInfoQuery } from '@affine/graphql';
+import {
+  type GetInviteInfoQuery,
+  WorkspaceMemberStatus,
+} from '@affine/graphql';
 import { useI18n } from '@affine/i18n';
 import { SignOutIcon } from '@blocksuite/icons/rc';
 
@@ -51,7 +54,9 @@ export const RequestToJoinPage = ({
       }
     >
       <Button variant="primary" size="large" onClick={requestToJoin}>
-        {t['com.affine.request-to-join-workspace.button']()}
+        {inviteInfo?.status === WorkspaceMemberStatus.Pending
+          ? t['com.affine.notification.invitation.accept']()
+          : t['com.affine.request-to-join-workspace.button']()}
       </Button>
       {user ? (
         <div className={styles.userInfoWrapper}>