Show TBA in case of undefined or null price

vtex-apps · Sep 19, 2019 · 4848e53 · 4848e53
1 parent 16ec74e
commit 4848e53
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## Added
+
+- Show TBA in case of undefined or null price.
+
 ## [0.1.0] - 2019-08-28
 
 ## Added

diff --git a/messages/context.json b/messages/context.json
@@ -1,3 +1,4 @@
 {
-  "store/price.Free": "FREE"
+  "store/price.Free": "FREE",
+  "store/price.TBA": "TBA"
 }
diff --git a/messages/en.json b/messages/en.json
@@ -1,3 +1,4 @@
 {
-  "store/price.Free": "FREE"
+  "store/price.Free": "FREE",
+  "store/price.TBA": "TBA"
 }
diff --git a/messages/es.json b/messages/es.json
@@ -1,3 +1,4 @@
 {
-  "store/price.Free": "GRATIS"
+  "store/price.Free": "GRATIS",
+  "store/price.TBA": "TBA"
 }
diff --git a/messages/pt.json b/messages/pt.json
@@ -1,3 +1,4 @@
 {
-  "store/price.Free": "GRÁTIS"
+  "store/price.Free": "GRÁTIS",
+  "store/price.TBA": "TBA"
 }
diff --git a/react/FormattedPrice.tsx b/react/FormattedPrice.tsx
@@ -12,6 +12,11 @@ defineMessages({
     id: 'store/price.Free',
     defaultMessage: 'FREE',
   },
+
+  TBA: {
+    id: 'store/price.TBA',
+    defaultMessage: 'TBA',
+  },
 })
 
 const FormattedPrice: FC<FormattedPriceProps & InjectedIntlProps> = ({
@@ -21,6 +26,8 @@ const FormattedPrice: FC<FormattedPriceProps & InjectedIntlProps> = ({
     <Fragment>
       {value === 0 ? (
         <FormattedMessage id="store/price.Free" />
+      ) : value === null || value === undefined ? (
+        <FormattedMessage id="store/price.TBA" />
       ) : (
         <FormattedCurrency value={value} />
       )}