Merge pull request #298 from khomyakov/X2-8166

X2-8166 Correct Currency not Appearing when Viewing the Customer's Reservation in the Purchases Tab
xola · Jan 9, 2024 · 6a615b4 · 6a615b4
2 parents df91881 + d39341b
commit 6a615b4
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/Breakdown.jsx b/src/components/Breakdown.jsx
@@ -36,7 +36,8 @@ Breakdown.propTypes = {
 };
 
 const BreakdownItem = ({ children, info, methodIcon, secondary, value, className, color = "default", ...rest }) => {
-    const { currency, locale } = useContext(CurrencyContext);
+    /** When BreakdownItem is directly used without outer <Breakdown /> component, the context would be `undefined` */
+    const { currency, locale } = useContext(CurrencyContext) ?? {};
 
     return (
         <tr className={clsx("ui-breakdown-item", colors[color], className)} {...rest}>
@@ -78,7 +79,7 @@ Breakdown.Item = BreakdownItem;
 Breakdown.Item.displayName = "Breakdown.Item";
 
 const BreakdownSubtotalItem = ({ children, info, value, className, color = "black", ...rest }) => {
-    const { currency, locale } = useContext(CurrencyContext);
+    const { currency, locale } = useContext(CurrencyContext) ?? {};
 
     return (
         <tr className={clsx("ui-breakdown-subtotal-item", "font-bold", colors[color], className)} {...rest}>