LumeWeb
/
skynet-webportal
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(dashboard-v2): make PlansProvider compliant with portal settings

This commit is contained in:
Michał Leszczyk 2022-03-29 16:03:30 +02:00
parent ef97adf2fb
commit 899f963b63
No known key found for this signature in database
GPG Key ID: FA123CA8BAA2FBF4
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
packages/dashboard-v2/src/contexts/plans/PlansProvider.js
View File

@ -1,7 +1,8 @@
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import useSWR from "swr"; import useSWRImmutable from "swr/immutable";
import freePlan from "../../lib/tiers"; import freePlan from "../../lib/tiers";
import { usePortalSettings } from "../portal-settings";
import { PlansContext } from "./PlansContext"; import { PlansContext } from "./PlansContext";
@ -12,8 +13,9 @@ import { PlansContext } from "./PlansContext";
* *
* @see https://github.com/SkynetLabs/skynet-accounts/blob/7337e740b71b77e6d08016db801e293b8ad81abc/database/user.go#L53-L101 * @see https://github.com/SkynetLabs/skynet-accounts/blob/7337e740b71b77e6d08016db801e293b8ad81abc/database/user.go#L53-L101
*/ */
const aggregatePlansAndLimits = (plans, limits) => { const aggregatePlansAndLimits = (plans, limits, { includeFreePlan }) => {
const sortedPlans = [freePlan, ...plans].sort((planA, planB) => planA.tier - planB.tier); const allPlans = includeFreePlan ? [freePlan, ...plans] : [...plans];
const sortedPlans = allPlans.sort((planA, planB) => planA.tier - planB.tier);
// Decorate each plan with its corresponding limits data, if available. // Decorate each plan with its corresponding limits data, if available.
if (limits?.length) { if (limits?.length) {
@ -26,10 +28,11 @@ const aggregatePlansAndLimits = (plans, limits) => {
}; };
export const PlansProvider = ({ children }) => { export const PlansProvider = ({ children }) => {
const { data: rawPlans, error: plansError } = useSWR("stripe/prices"); const { settings } = usePortalSettings();
const { data: limits, error: limitsError } = useSWR("limits"); const { data: rawPlans, error: plansError } = useSWRImmutable("stripe/prices");
const { data: limits, error: limitsError } = useSWRImmutable("limits");
const [plans, setPlans] = useState([freePlan]); const [plans, setPlans] = useState(settings.isSubscriptionRequired ? [] : [freePlan]);
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
const [error, setError] = useState(null); const [error, setError] = useState(null);
@ -39,9 +42,11 @@ export const PlansProvider = ({ children }) => {
setError(plansError || limitsError); setError(plansError || limitsError);
} else if (rawPlans) { } else if (rawPlans) {
setLoading(false); setLoading(false);
setPlans(aggregatePlansAndLimits(rawPlans, limits?.userLimits)); setPlans(
aggregatePlansAndLimits(rawPlans, limits?.userLimits, { includeFreePlan: !settings.isSubscriptionRequired })
);
} }
}, [rawPlans, limits, plansError, limitsError]); }, [rawPlans, limits, plansError, limitsError, settings.isSubscriptionRequired]);
return <PlansContext.Provider value={{ plans, error, loading }}>{children}</PlansContext.Provider>; return <PlansContext.Provider value={{ plans, error, loading }}>{children}</PlansContext.Provider>;
}; };