Add default messages

locale/defaultMessages.json

@@ -6743,6 +6743,14 @@
  "src_dot_products_dot_views_dot_ProductList_dot_44832327": {
  "string": "We are currently exporting your requested CSV. As soon as it is available it will be sent to your email address"
  },
+ "src_dot_products_dot_views_dot_ProductList_dot_giftCardLabel": {
+ "context": "label",
+ "string": "Gift Card"
+ },
+ "src_dot_products_dot_views_dot_ProductList_dot_normalLabel": {
+ "context": "label",
+ "string": "Normal"
+ },
  "src_dot_products_dot_views_dot_ProductUpdate_dot_3423943948": {
  "string": "Manage Products Channel Availability"
  },

src/products/views/ProductList/messages.ts

@@ -0,0 +1,12 @@
+import { defineMessages } from "react-intl";
+
+export const productKindMessages = defineMessages({
+ giftCardLabel: {
+ defaultMessage: "Gift Card",
+ description: "label"
+ },
+ normalLabel: {
+ defaultMessage: "Normal",
+ description: "label"
+ }
+});

src/products/views/ProductList/utils.ts

@@ -1,5 +1,8 @@
 import { isInEnum } from "@saleor/misc";
 import { ProductTypeKindEnum } from "@saleor/types/globalTypes";
+import { useIntl } from "react-intl";
+
+import { productKindMessages as messages } from "./messages";
 
 interface ProductKindChoice {
  label: string;
@@ -14,21 +17,24 @@ export const getAvailableProductKinds = (): ProductKindChoice[] =>
 
 export const getProductKindOpts = (
  availableProducts: ProductKindChoice[]
-): ProductKindChoice[] =>
- availableProducts.map(kind => {
+): ProductKindChoice[] => {
+ const intl = useIntl();
+
+ return availableProducts.map(kind => {
  switch (kind.value) {
  case ProductTypeKindEnum.GIFT_CARD:
  return {
  ...kind,
- label: "Gift Card"
+ label: intl.formatMessage(messages.giftCardLabel)
  };
  case ProductTypeKindEnum.NORMAL:
  return {
  ...kind,
- label: "Normal"
+ label: intl.formatMessage(messages.normalLabel)
  };
  }
  });
+};
 
 export const getProductGiftCardFilterParam = (productKind?: string) => {
  if (