-
Notifications
You must be signed in to change notification settings - Fork 170
pricing: phase-0: implement Free and Pro Plan #9166
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Changes from 10 commits
1a52bde
94008bc
a4f07b6
c0f75b2
6ee6176
3318ac1
3f7f258
173df7b
1b32482
a7eef82
204bba2
e2f3686
076f452
3c3143b
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Large diffs are not rendered by default.
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| <script lang="ts"> | ||
| import type { V1BillingPlan } from "@rilldata/web-admin/client"; | ||
| import ContactUs from "@rilldata/web-admin/features/billing/ContactUs.svelte"; | ||
| import PlanQuotas from "@rilldata/web-admin/features/billing/plans/PlanQuotas.svelte"; | ||
| import StartTeamPlanDialog from "@rilldata/web-admin/features/billing/plans/StartTeamPlanDialog.svelte"; | ||
| import SettingsContainer from "@rilldata/web-admin/features/organizations/settings/SettingsContainer.svelte"; | ||
| import { Button } from "@rilldata/web-common/components/button"; | ||
|
|
||
| let { | ||
| organization, | ||
| plan, | ||
| }: { | ||
| organization: string; | ||
| plan: V1BillingPlan; | ||
| } = $props(); | ||
|
|
||
| let open = $state(false); | ||
| </script> | ||
|
|
||
| <SettingsContainer title={plan?.displayName ?? "Free Trial"}> | ||
| <div slot="body"> | ||
| <div> | ||
| You're on the Free Trial plan. Ready to get started with Rill? | ||
| <a | ||
| href="https://www.rilldata.com/pricing" | ||
| target="_blank" | ||
| rel="noreferrer noopener">See pricing details -></a | ||
| > | ||
| </div> | ||
| <PlanQuotas {organization} /> | ||
| </div> | ||
| <svelte:fragment slot="contact"> | ||
| <span>For any questions,</span> | ||
| <ContactUs /> | ||
| </svelte:fragment> | ||
|
|
||
| <Button type="primary" slot="action" onClick={() => (open = true)}> | ||
| Upgrade to Team plan | ||
| </Button> | ||
| </SettingsContainer> | ||
|
|
||
| <StartTeamPlanDialog bind:open {organization} type="base" /> | ||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
| <script lang="ts"> | ||
| import type { | ||
| V1BillingPlan, | ||
| V1Subscription, | ||
| } from "@rilldata/web-admin/client"; | ||
| import ContactUs from "@rilldata/web-admin/features/billing/ContactUs.svelte"; | ||
| import PlanQuotas from "@rilldata/web-admin/features/billing/plans/PlanQuotas.svelte"; | ||
| import { getNextBillingCycleDate } from "@rilldata/web-admin/features/billing/plans/selectors"; | ||
| import SettingsContainer from "@rilldata/web-admin/features/organizations/settings/SettingsContainer.svelte"; | ||
|
|
||
| let { | ||
| organization, | ||
| subscription, | ||
| plan, | ||
| }: { | ||
| organization: string; | ||
| subscription: V1Subscription; | ||
| plan: V1BillingPlan; | ||
| } = $props(); | ||
| </script> | ||
|
|
||
| <SettingsContainer title={plan?.displayName ?? "Pro Plan"}> | ||
| <div slot="body"> | ||
| Next billing cycle will start on | ||
| <b>{getNextBillingCycleDate(subscription.currentBillingCycleEndDate)}</b>. | ||
| <a | ||
| href="https://www.rilldata.com/pricing" | ||
|
Collaborator
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. This link doesnt seem to have any info about a "Pro Plan". Is it planned to update separately?
Contributor
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. yep |
||
| target="_blank" | ||
| rel="noreferrer noopener">See pricing details -></a | ||
| > | ||
| <PlanQuotas {organization} /> | ||
| </div> | ||
| <svelte:fragment slot="contact"> | ||
| <span>For any questions,</span> | ||
| <ContactUs /> | ||
| </svelte:fragment> | ||
| </SettingsContainer> | ||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Should this be
Pro Plan? Or is that something only we can switch a user into?There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
planning to upgrade this link when everything is set up! dont want to change default behavior just yet