@@ -20,7 +20,7 @@ import {
2020 TextField ,
2121 useTheme ,
2222 SistentThemeProvider
23- } from "@sistent/sistent" ;
23+ } from "@sistent/sistent" ;
2424import { Calculate , CheckCircle , Cloud , Group } from "@mui/icons-material" ;
2525import { useStyledDarkMode } from "../../../theme/app/useStyledDarkMode" ;
2626import { getAddOns } from "./pricingData" ;
@@ -149,14 +149,11 @@ export const PricingAddons = ({ isYearly = false, setIsYearly, currency, enterpr
149149 }
150150
151151 let targetSubAddon = null ;
152- let targetSubAddonName = "" ;
153152
154153 if ( selectedSubAddOns [ "academy-practical" ] ) {
155154 targetSubAddon = selectedAddon . subAddOns ?. find ( sub => sub . id === "academy-practical" ) ;
156- targetSubAddonName = "with Practical Learning" ;
157155 } else {
158156 targetSubAddon = selectedAddon . subAddOns ?. find ( sub => sub . id === "academy-theory" ) ;
159- targetSubAddonName = "" ;
160157 }
161158
162159 if ( ! targetSubAddon ?. planLink || ! targetSubAddon . pricing ?. [ quantityIndex ] ) {
@@ -171,7 +168,6 @@ export const PricingAddons = ({ isYearly = false, setIsYearly, currency, enterpr
171168 ) ;
172169
173170 if ( matchingPlanLink ) {
174- const enterpriseUserSeats = enterpriseUsers > 0 ? ` and ${ enterpriseUsers } enterprise user${ enterpriseUsers > 1 ? "s" : "" } ` : "" ;
175171 return {
176172 link : matchingPlanLink . link ,
177173 name : "Subscribe"
@@ -253,9 +249,9 @@ export const PricingAddons = ({ isYearly = false, setIsYearly, currency, enterpr
253249 { addon . id === "academy"
254250 ? addon . description
255251 : ( ( ) => {
256- const period = isYearly ? "/year" : "/month" ;
257- return `${ formatPrice ( isYearly ? addon . yearlyPrice : addon . monthlyPrice ) } per ${ addon . unitLabel . slice ( 0 , - 1 ) } ${ period } ` ;
258- } ) ( )
252+ const period = isYearly ? "/year" : "/month" ;
253+ return `${ formatPrice ( isYearly ? addon . yearlyPrice : addon . monthlyPrice ) } per ${ addon . unitLabel . slice ( 0 , - 1 ) } ${ period } ` ;
254+ } ) ( )
259255 }
260256 </ Typography >
261257 </ Box >
@@ -379,17 +375,17 @@ export const PricingAddons = ({ isYearly = false, setIsYearly, currency, enterpr
379375 < Box sx = { { textAlign : "center" , fontSize : "1.25rem" , fontWeight : "bold" } } >
380376 < Box > { option . learners === "2500+" ? "2,500+" : option . learners } </ Box >
381377 { isYearly && (
382- < Box
383- sx = { {
384- fontSize : {
385- xs : "0.75rem" ,
386- sm : "0.9rem" ,
387- }
388- } }
389- >
390- { formatSliderPrice ( ( option . yearlyPerUser / 12 ) * ( selectedSubAddOns [ "academy-practical" ] ? 2 : 1 ) , currency ) } < br /> { targetSubAddon . unitLabelSingular } /month
391- </ Box >
392- ) }
378+ < Box
379+ sx = { {
380+ fontSize : {
381+ xs : "0.75rem" ,
382+ sm : "0.9rem" ,
383+ }
384+ } }
385+ >
386+ { formatSliderPrice ( ( option . yearlyPerUser / 12 ) * ( selectedSubAddOns [ "academy-practical" ] ? 2 : 1 ) , currency ) } < br /> { targetSubAddon . unitLabelSingular } /month
387+ </ Box >
388+ ) }
393389 < Box
394390 sx = { {
395391 color : "text.secondary" ,
@@ -399,7 +395,7 @@ export const PricingAddons = ({ isYearly = false, setIsYearly, currency, enterpr
399395 sm : "0.9rem" ,
400396 }
401397 } } >
402- { formatSliderPrice ( ( isYearly ? option . yearlyPerUser : option . monthlyPerUser ) * ( selectedSubAddOns [ "academy-practical" ] ? 2 : 1 ) , currency ) } < br /> { targetSubAddon . unitLabelSingular } /{ isYearly ? "year" : "month" }
398+ { formatSliderPrice ( ( isYearly ? option . yearlyPerUser : option . monthlyPerUser ) * ( selectedSubAddOns [ "academy-practical" ] ? 2 : 1 ) , currency ) } < br /> { targetSubAddon . unitLabelSingular } /{ isYearly ? "year" : "month" }
403399 </ Box >
404400 </ Box >
405401 ) ,
0 commit comments