Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-07-25 14:28:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(core): payment ui issues (#4672)

Browse Source
This commit is contained in:
liuyi
2023-10-20 16:51:17 +08:00
committed by forehalo
parent 95d37fc63f
commit 113b20f669
2 changed files with 28 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/core/src/components/affine/setting-modal/general-setting/billing/index.tsx
+1 -1
View File
@@ -44,7 +44,7 @@ export const BillingSettings = () => {
/> />
{/* TODO: loading fallback */} {/* TODO: loading fallback */}
<Suspense> <Suspense>
<SettingWrapper title="information"> <SettingWrapper title="Information">
<SubscriptionSettings /> <SubscriptionSettings />
</SettingWrapper> </SettingWrapper>
</Suspense> </Suspense>
packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/index.tsx
+27 -15
View File
@@ -144,12 +144,18 @@ const Settings = () => {
<SettingHeader <SettingHeader
title="Plans" title="Plans"
subtitle={ subtitle={
// TODO: different subtitle for un-logged user loggedIn ? (
<p> <p>
You are current on the {currentPlan} plan. If you have any You are current on the {currentPlan} plan. If you have any
questions, please contact our{' '} questions, please contact our{' '}
<span>{/*TODO: add action*/}customer support</span>. <span>{/*TODO: add action*/}customer support</span>.
</p> </p>
) : (
<p>
This is the Pricing plans of AFFiNE Cloud. You can sign up or sign
in to your account first.
</p>
)
} }
/> />
<div className={styles.wrapper}> <div className={styles.wrapper}>
@@ -193,15 +199,21 @@ const Settings = () => {
)} )}
</p> </p>
<p> <p>
<span className={styles.planPrice}> {detail.type === 'dynamic' ? (
$ <span className={styles.planPriceDesc}>
{detail.type === 'dynamic' Coming soon...
? '?' </span>
: recurring === SubscriptionRecurring.Monthly ) : (
? detail.price <>
: detail.yearlyPrice} <span className={styles.planPrice}>
</span> $
<span className={styles.planPriceDesc}>per month</span> {recurring === SubscriptionRecurring.Monthly
? detail.price
: detail.yearlyPrice}
</span>
<span className={styles.planPriceDesc}>per month</span>
</>
)}
</p> </p>
{ {
// branches: // branches: