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']()}
-
+ {invitationLink ? (
+
+ ) : (
+
+ )}
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",