import { Divider, Tooltip } from 'antd'; import React from 'react'; import { datetimeFromNow, formatFullTime, GroupInvite, t, Trans, } from 'tailchat-shared'; interface InviteCodeExpiredAtProps { invite: Pick; } export const InviteCodeExpiredAt: React.FC = React.memo((props) => { const { invite } = props; if (invite.expiredAt && new Date(invite.expiredAt).valueOf() < Date.now()) { return {t('该邀请码已过期')}; } return ( <> {!invite.expiredAt ? ( {t('该邀请码永不过期')} ) : ( 该邀请将于{' '} {{ date: datetimeFromNow(invite.expiredAt) } as any} {' '} 过期 )} {invite.usageLimit && ( <> 可使用{' '} {{ num: invite.usageLimit } as any} {' '} 次 )} ); }); InviteCodeExpiredAt.displayName = 'InviteCodeExpiredAt';