diff --git a/packages/frontend/component/src/components/member-components/invite-team-modal/link-invite.tsx b/packages/frontend/component/src/components/member-components/invite-team-modal/link-invite.tsx index 759fd6b6f..5efdd3ad7 100644 --- a/packages/frontend/component/src/components/member-components/invite-team-modal/link-invite.tsx +++ b/packages/frontend/component/src/components/member-components/invite-team-modal/link-invite.tsx @@ -111,24 +111,42 @@ export const LinkInvite = ({ }); }, [revokeInvitationLink]); + const expireTime = useMemo(() => { + return t['com.affine.payment.member.team.invite.expire-at']({ + expireTime: invitationLink?.expireTime + ? new Date(invitationLink.expireTime).toLocaleString() + : '', + }); + }, [invitationLink, t]); + return ( <>
{t['com.affine.payment.member.team.invite.link-expiration']()}
- - - {currentSelectedLabel} - - + {invitationLink ? ( + + ) : ( + + + {currentSelectedLabel} + + + )}
diff --git a/packages/frontend/i18n/src/i18n.gen.ts b/packages/frontend/i18n/src/i18n.gen.ts index fd203ded4..9ed5ef846 100644 --- a/packages/frontend/i18n/src/i18n.gen.ts +++ b/packages/frontend/i18n/src/i18n.gen.ts @@ -3952,6 +3952,12 @@ export function useAFFiNEI18N(): { ["com.affine.payment.member.team.invite.expiration-date"](options: { readonly number: string; }): string; + /** + * `To expire at: {{expireTime}}` + */ + ["com.affine.payment.member.team.invite.expire-at"](options: { + readonly expireTime: string; + }): string; /** * `Invitation link` */ diff --git a/packages/frontend/i18n/src/resources/en.json b/packages/frontend/i18n/src/resources/en.json index 11a20a804..dd5e40117 100644 --- a/packages/frontend/i18n/src/resources/en.json +++ b/packages/frontend/i18n/src/resources/en.json @@ -981,6 +981,7 @@ "com.affine.payment.member.team.invite.send-invites": "Send Invites", "com.affine.payment.member.team.invite.link-expiration": "Link expiration", "com.affine.payment.member.team.invite.expiration-date": "{{number}} days", + "com.affine.payment.member.team.invite.expire-at": "To expire at: {{expireTime}}", "com.affine.payment.member.team.invite.invitation-link": "Invitation link", "com.affine.payment.member.team.invite.invitation-link.description": "Generate a link to invite members to your workspace", "com.affine.payment.member.team.invite.generate": "Generate",