+ {isLoading && (
+ <>
+
+
+
+
+
+
+
+
+
+
+ >
+ )}
+ {!isLoading && !teamPlan && (
+ <>
+ {availableTeamPlans.map((tp) => (
+ <>
+
checkout(tp)}
+ >
+
+
{tp.name}
+
Unlimited hours
+
Includes:
+
+ {(featuresByPlanType[tp.type] || []).map((f) => (
+
+
+ {f}
+
+ ))}
+
+
+
+ {members.length} x {Currency.getSymbol(tp.currency)}
+ {tp.pricePerMonth} = {Currency.getSymbol(tp.currency)}
+ {members.length * tp.pricePerMonth} per month
+
+
+
+
+ >
+ ))}
+ >
+ )}
+ {!isLoading && teamPlan && (
+ <>
+
+
+
{teamPlan.name}
+
Unlimited hours
+
Includes:
+
+ {(featuresByPlanType[teamPlan.type] || []).map((f) => (
+
+
+ {f}
+
+ ))}
+
+
+
+
+ {!teamSubscription ? (
+
+
+
+
+
+ ) : (
+
+
+
Members
+
{members.length}
+
Next invoice on
+
+ {guessNextInvoiceDate(teamSubscription.startDate).toDateString()}
+
+
+
+
+
+
+ )}
+ >
+ )}
+
+