Merge branch 'master' into fix/6946-event-details-overlap

Author: ritesh-karankal

src/components/CookieConsent/index.js

@@ -8,7 +8,7 @@ import {
   Stack,
 } from "@mui/material";
 
-import {Link} from "gatsby";
+import { Link } from "gatsby";
 import Button from "../../reusecore/Button";
 import styled from "styled-components";
 

src/components/Pricing/PricingAddons/index.js

@@ -345,7 +345,8 @@ export const PricingAddons = ({ isYearly = false, setIsYearly, currency, enterpr
                             if (targetSubAddon?.pricing && targetSubAddon.pricing[value]) {
                               const option = targetSubAddon.pricing[value];
                               const pricePerUser = isYearly ? option.yearlyPerUser : option.monthlyPerUser;
-                              const totalPrice = pricePerUser * option.learners;
+                              const multiplier = selectedSubAddOns["academy-practical"] ? 2 : 1;
+                              const totalPrice = pricePerUser * option.learners * multiplier;
                               const period = isYearly ? "/year" : "/month";
                               return `${option.learners} learners - ${formatPrice(totalPrice)}${period}`;
                             }
@@ -386,7 +387,7 @@ export const PricingAddons = ({ isYearly = false, setIsYearly, currency, enterpr
                                           }
                                         }}
                                       >
-                                        {formatSliderPrice(option.yearlyPerUser / 12, currency)}<br/>{targetSubAddon.unitLabelSingular}/month
+                                        {formatSliderPrice((option.yearlyPerUser / 12) * (selectedSubAddOns["academy-practical"] ? 2 : 1), currency)}<br/>{targetSubAddon.unitLabelSingular}/month
                                       </Box>
                                     )}
                                   <Box
@@ -398,7 +399,7 @@ export const PricingAddons = ({ isYearly = false, setIsYearly, currency, enterpr
                                         sm: "0.9rem",
                                       }
                                     }}>
-                                    {formatSliderPrice(isYearly ? option.yearlyPerUser : option.monthlyPerUser, currency)}<br/>{targetSubAddon.unitLabelSingular}/{isYearly ? "year" : "month"}
+                                    {formatSliderPrice((isYearly ? option.yearlyPerUser : option.monthlyPerUser) * (selectedSubAddOns["academy-practical"] ? 2 : 1), currency)}<br/>{targetSubAddon.unitLabelSingular}/{isYearly ? "year" : "month"}
                                   </Box>
                                 </Box>
                               ),

src/theme/app/themeStyles.js

@@ -418,7 +418,7 @@ export const darktheme = {
   linearToGreen: "linear-gradient(90.2deg, rgba(0, 0, 0, 0.2) 0.16%, rgba(0, 179, 159, 0.74) 99.81%)",
   linearToWhite: "linear-gradient(to right, #666666, #444444)",
   radialToWhite: "radial-gradient( circle 100px at 50% 50%, rgba(167,173,180,0.78) 0%, rgba(103,110,118,0.79) 80%, rgba(103,110,118,1) 100% )",
-  radialToBlue: "linear-gradient(135deg, rgba(15, 20, 30, 0.9) 0%, rgba(25, 30, 40, 0.9) 70%, rgba(45, 55, 70, 0.9) 100%), url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"%3E%3Cpath d=\"M0 0 L50 50 L0 100 L100 50 Z\" fill=\"none\" stroke=\"rgba(255, 255, 255, 0.1)\" stroke-width=\"1\  \"/%3E%3C/svg%3E') repeat center",
+  radialToBlue: "linear-gradient(135deg, rgba(15, 20, 30, 0.9) 0%, rgba(25, 30, 40, 0.9) 70%, rgba(45, 55, 70, 0.9) 100%), url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"%3E%3Cpath d=\"M0 0 L50 50 L0 100 L100 50 Z\" fill=\"none\" stroke=\"rgba(255, 255, 255, 0.1)\" stroke-width=\"1 \"/%3E%3C/svg%3E') repeat center",
   linearDarkToLinearLight: "linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 179, 159, 0.58) 46.87%, rgba(0, 179, 159, 0.034) 100%), linear-gradient(179.39deg, rgba(0, 179, 159, 0) 0.58%, #000000 99.54%)",
   whiteEightToBlack: "rgb(255 255 255 / 0.8)",
   whiteEightToBlackEight: "rgb(255 255 255 / 0.8)",