Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-24 18:02:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(core): update description of the workspace member (#6492)

Browse Source 
close AFF-805
This commit is contained in:
JimmFly
2024-04-11 09:53:03 +00:00
parent db1206dbd5
commit 9dd4c74115
3 changed files with 18 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
packages/frontend/core/src/components/affine/setting-modal/workspace-setting/new-workspace-setting-detail/members.tsx
View File

@@ -28,7 +28,7 @@ import { useUserSubscription } from '@affine/core/hooks/use-subscription';
import { WorkspaceFlavour } from '@affine/env/workspace';
import { Permission, SubscriptionPlan } from '@affine/graphql';
import { useAFFiNEI18N } from '@affine/i18n/hooks';
import { ArrowRightBigIcon, MoreVerticalIcon } from '@blocksuite/icons';
import { MoreVerticalIcon } from '@blocksuite/icons';
import clsx from 'clsx';
import { useSetAtom } from 'jotai';
import type { ReactElement } from 'react';
@@ -81,7 +81,7 @@ export const CloudWorkspaceMembersPanel = ({
const quota = useWorkspaceQuota(workspaceId);
const [subscription] = useUserSubscription();
const plan = subscription?.plan ?? SubscriptionPlan.Free;
const isLimited = checkMemberCountLimit(memberCount, quota?.memberLimit);
const isLimited = checkMemberCountLimit(memberCount, quota.memberLimit);
const t = useAFFiNEI18N();
const { invite, isMutating } = useInviteMember(workspaceId);
@@ -151,27 +151,18 @@ export const CloudWorkspaceMembersPanel = ({
const desc = useMemo(() => {
if (!quota) return null;
const humanReadable = quota.humanReadable;
return (
<span>
{t['com.affine.payment.member.description']({
planName: humanReadable.name,
memberLimit: humanReadable.memberLimit,
})}
{t['com.affine.payment.member.description2']()}
{upgradable ? (
<>
,
<div
className={style.goUpgradeWrapper}
onClick={handleUpgradeConfirm}
>
<span className={style.goUpgrade}>
{t['com.affine.payment.member.description.go-upgrade']()}
</span>
<ArrowRightBigIcon className={style.arrowRight} />
</div>
</>
<div
className={style.goUpgradeWrapper}
onClick={handleUpgradeConfirm}
>
<span className={style.goUpgrade}>
{t['com.affine.payment.member.description.choose-plan']()}
</span>
</div>
) : null}
</span>
);
@@ -180,7 +171,7 @@ export const CloudWorkspaceMembersPanel = ({
return (
<>
<SettingRow
name={`${t['Members']()} (${memberCount})`}
name={`${t['Members']()} (${memberCount}/${quota.humanReadable.memberLimit})`}
desc={desc}
spreadCol={isOwner}
>
@@ -191,8 +182,8 @@ export const CloudWorkspaceMembersPanel = ({
<MemberLimitModal
isFreePlan={plan === SubscriptionPlan.Free}
open={open}
plan={quota?.humanReadable.name ?? ''}
quota={quota?.humanReadable.memberLimit ?? ''}
plan={quota.humanReadable.name}
quota={quota.humanReadable.memberLimit}
setOpen={setOpen}
onConfirm={handleUpgradeConfirm}
/>