Merge pull request #3 from vtex-apps/feature/tba-price

Show TBA in case of undefined or null price
vtex-apps · Sep 19, 2019 · 39e270f · 39e270f
2 parents 16ec74e + 40d1ac3
commit 39e270f
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 17 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
@@ -1,26 +1,16 @@
 import React, { FC, Fragment } from 'react'
-import {
-  defineMessages,
-  injectIntl,
-  InjectedIntlProps,
-  FormattedMessage,
-} from 'react-intl'
+import { injectIntl, InjectedIntlProps, FormattedMessage } from 'react-intl'
 import { FormattedCurrency } from 'vtex.format-currency'
 
-defineMessages({
-  Free: {
-    id: 'store/price.Free',
-    defaultMessage: 'FREE',
-  },
-})
-
 const FormattedPrice: FC<FormattedPriceProps & InjectedIntlProps> = ({
   value,
 }) => {
   return (
     <Fragment>
       {value === 0 ? (
         <FormattedMessage id="store/price.Free" />
+      ) : value === null || value === undefined ? (
+        <FormattedMessage id="store/price.TBA" />
       ) : (
         <FormattedCurrency value={value} />
       )}