feat(ui): use UUID to display the price in PriceWidget

frameless · Apr 15, 2024 · 2019a9d · 2019a9d
1 parent 8e5ef8a
commit 2019a9d
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/packages/ui/src/components/PriceWidget/index.tsx b/packages/ui/src/components/PriceWidget/index.tsx
@@ -2,7 +2,7 @@ type PriceTypes = {
   value: string;
   label: string;
   currency: string;
-  id: string;
+  uuid?: string;
 };
 
 type FormatCurrencyTypes = {
@@ -43,9 +43,13 @@ export const PriceWidget = ({
   freeProductText?: string;
 }) => {
   if (id && priceData && priceData.length > 0) {
-    const product = priceData.find(({ id: priceDataId }) => priceDataId === id);
+    const product = priceData.find(({ uuid }) => uuid === id);
+
+    if (!product) {
+      return null;
+    }
     const price = formatCurrency({
-      price: Number(product?.value),
+      price: parseFloat(product?.value),
       currency: product?.currency || 'EUR',
       locale,
       freeProductText,