Move events translation enum to component

This commit is contained in:
Krzysztof Bialoglowicz 2019-10-17 12:24:36 +02:00
parent b802122c13
commit d6c5e48d7e
2 changed files with 31 additions and 57 deletions

View file

@ -334,61 +334,6 @@ export const translatedTaxRates = (intl: IntlShape) => ({
[TaxRateType.WATER]: intl.formatMessage(taxRatesMessages.water)
});
const webhooksEventMessages = defineMessages({
anyEvents: {
defaultMessage: "Any events",
description: "event"
},
customerCreated: {
defaultMessage: "Customer created",
description: "event"
},
orderCancelled: {
defaultMessage: "Order cancelled",
description: "event"
},
orderCreated: {
defaultMessage: "Order created",
description: "event"
},
orderFullyPaid: {
defaultMessage: "Order fully paid",
description: "event"
},
orderUpdated: {
defaultMessage: "Order updated",
description: "event"
},
productCreated: {
defaultMessage: "Product created",
description: "event"
}
});
export const translatedWebhookEvents = (intl: IntlShape) => ({
[WebhookEventTypeEnum.ANY_EVENTS]: intl.formatMessage(
webhooksEventMessages.anyEvents
),
[WebhookEventTypeEnum.CUSTOMER_CREATED]: intl.formatMessage(
webhooksEventMessages.customerCreated
),
[WebhookEventTypeEnum.ORDER_CANCELLED]: intl.formatMessage(
webhooksEventMessages.orderCancelled
),
[WebhookEventTypeEnum.ORDER_CREATED]: intl.formatMessage(
webhooksEventMessages.orderCreated
),
[WebhookEventTypeEnum.ORDER_FULLY_PAID]: intl.formatMessage(
webhooksEventMessages.orderFullyPaid
),
[WebhookEventTypeEnum.ORDER_UPDATED]: intl.formatMessage(
webhooksEventMessages.orderUpdated
),
[WebhookEventTypeEnum.PRODUCT_CREATED]: intl.formatMessage(
webhooksEventMessages.productCreated
)
});
export const authorizationKeyTypes = {
[AuthorizationKeyType.FACEBOOK]: "Facebook",
[AuthorizationKeyType.GOOGLE_OAUTH2]: "Google OAuth2"

View file

@ -5,7 +5,6 @@ import CardTitle from "@saleor/components/CardTitle";
import ControlledCheckbox from "@saleor/components/ControlledCheckbox";
import Hr from "@saleor/components/Hr";
import { ChangeEvent } from "@saleor/hooks/useForm";
import { translatedWebhookEvents } from "@saleor/misc";
import { WebhookEventTypeEnum } from "@saleor/types/globalTypes";
import React from "react";
import { useIntl } from "react-intl";
@ -26,7 +25,37 @@ const WebhookEvents: React.StatelessComponent<WebhookEventsProps> = ({
}) => {
const intl = useIntl();
const eventsEnum = Object.values(WebhookEventTypeEnum);
const translatedEvents = translatedWebhookEvents(intl);
const translatedEvents = {
[WebhookEventTypeEnum.ANY_EVENTS]: intl.formatMessage({
defaultMessage: "Any events",
description: "event"
}),
[WebhookEventTypeEnum.CUSTOMER_CREATED]: intl.formatMessage({
defaultMessage: "Customer created",
description: "event"
}),
[WebhookEventTypeEnum.ORDER_CANCELLED]: intl.formatMessage({
defaultMessage: "Order cancelled",
description: "event"
}),
[WebhookEventTypeEnum.ORDER_CREATED]: intl.formatMessage({
defaultMessage: "Order created",
description: "event"
}),
[WebhookEventTypeEnum.ORDER_FULLY_PAID]: intl.formatMessage({
defaultMessage: "Order fully paid",
description: "event"
}),
[WebhookEventTypeEnum.ORDER_UPDATED]: intl.formatMessage({
defaultMessage: "Order updated",
description: "event"
}),
[WebhookEventTypeEnum.PRODUCT_CREATED]: intl.formatMessage({
defaultMessage: "Product created",
description: "event"
})
};
const handleAllEventsChange = (event: ChangeEvent) =>
onChange(event, () =>