mokhtar/shellphone.app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

allow organizations to have multiple subscriptions. although only 1 can be active at a time

Browse Source
This commit is contained in:
m5r
2021-10-03 18:19:45 +02:00
parent 22e2b21b14
commit 3a3d526e77
6 changed files with 65 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/settings/components/billing/plans.tsx
View File

@ -5,7 +5,8 @@ import clsx from "clsx";
import useSubscription from "../../hooks/use-subscription";
export default function Plans() {
const { subscription, subscribe } = useSubscription();
const { subscription, subscribe, changePlan } = useSubscription();
const hasSubscription = Boolean(subscription);
return (
<div className="mt-6 flex flex-row-reverse flex-wrap-reverse gap-x-4">
@ -62,8 +63,13 @@ export default function Plans() {
<button
disabled={isCurrentTier}
onClick={() => {
subscribe({ planId: tier.planId });
Panelbear.track(`Subscribe to ${tier.title}`);
if (hasSubscription) {
changePlan({ planId: tier.planId });
Panelbear.track(`Subscribe to ${tier.title}`);
} else {
subscribe({ planId: tier.planId, coupon: "groot429" });
Panelbear.track(`Subscribe to ${tier.title}`);
}
}}
className={clsx(
!isCurrentTier