- {i18n.t("Total")} |
+
+
+ |
|
{maybe(() => order.total.gross) === undefined ? (
@@ -156,7 +190,12 @@ const OrderPayment = withStyles(styles, { name: "OrderPayment" })(
- {i18n.t("Preauthorized amount")} |
+
+
+ |
{maybe(() => order.totalAuthorized.amount) === undefined ? (
@@ -166,7 +205,12 @@ const OrderPayment = withStyles(styles, { name: "OrderPayment" })(
|
- {i18n.t("Captured amount")} |
+
+
+ |
{maybe(() => order.totalCaptured.amount) === undefined ? (
@@ -176,7 +220,12 @@ const OrderPayment = withStyles(styles, { name: "OrderPayment" })(
|
- {i18n.t("Outstanding Balance")} |
+
+
+ |
{maybe(
() => order.total.gross.amount && order.totalCaptured.amount
@@ -202,22 +251,34 @@ const OrderPayment = withStyles(styles, { name: "OrderPayment" })(
{canCapture && (
)}
{canRefund && (
)}
{canVoid && (
)}
{canMarkAsPaid && (
)}
diff --git a/src/orders/components/OrderPaymentDialog/OrderPaymentDialog.tsx b/src/orders/components/OrderPaymentDialog/OrderPaymentDialog.tsx
index 5e9f8b068..a87536796 100644
--- a/src/orders/components/OrderPaymentDialog/OrderPaymentDialog.tsx
+++ b/src/orders/components/OrderPaymentDialog/OrderPaymentDialog.tsx
@@ -5,12 +5,13 @@ import DialogContent from "@material-ui/core/DialogContent";
import DialogTitle from "@material-ui/core/DialogTitle";
import TextField from "@material-ui/core/TextField";
import React from "react";
+import { FormattedMessage, useIntl } from "react-intl";
import ConfirmButton, {
ConfirmButtonTransitionState
} from "@saleor/components/ConfirmButton";
import Form from "@saleor/components/Form";
-import i18n from "../../../i18n";
+import { buttonMessages } from "@saleor/intl";
export interface FormData {
amount: number;
@@ -32,58 +33,71 @@ const OrderPaymentDialog: React.StatelessComponent = ({
variant,
onClose,
onSubmit
-}) => (
-
-);
+ return (
+
+ );
+};
OrderPaymentDialog.displayName = "OrderPaymentDialog";
export default OrderPaymentDialog;
diff --git a/src/orders/components/OrderPaymentVoidDialog/OrderPaymentVoidDialog.tsx b/src/orders/components/OrderPaymentVoidDialog/OrderPaymentVoidDialog.tsx
index 28ae4a093..3dbd1a16a 100644
--- a/src/orders/components/OrderPaymentVoidDialog/OrderPaymentVoidDialog.tsx
+++ b/src/orders/components/OrderPaymentVoidDialog/OrderPaymentVoidDialog.tsx
@@ -5,11 +5,12 @@ import DialogContent from "@material-ui/core/DialogContent";
import DialogContentText from "@material-ui/core/DialogContentText";
import DialogTitle from "@material-ui/core/DialogTitle";
import React from "react";
+import { FormattedMessage } from "react-intl";
import ConfirmButton, {
ConfirmButtonTransitionState
} from "@saleor/components/ConfirmButton";
-import i18n from "../../../i18n";
+import { buttonMessages } from "@saleor/intl";
interface OrderPaymentVoidDialogProps {
confirmButtonState: ConfirmButtonTransitionState;
@@ -22,21 +23,28 @@ const OrderPaymentVoidDialog: React.StatelessComponent<
OrderPaymentVoidDialogProps
> = ({ confirmButtonState, open, onConfirm, onClose }) => (
diff --git a/src/orders/components/OrderProductAddDialog/OrderProductAddDialog.tsx b/src/orders/components/OrderProductAddDialog/OrderProductAddDialog.tsx
index 7b5f4f557..479e2a567 100644
--- a/src/orders/components/OrderProductAddDialog/OrderProductAddDialog.tsx
+++ b/src/orders/components/OrderProductAddDialog/OrderProductAddDialog.tsx
@@ -17,6 +17,7 @@ import TableRow from "@material-ui/core/TableRow";
import TextField from "@material-ui/core/TextField";
import React from "react";
import InfiniteScroll from "react-infinite-scroller";
+import { FormattedMessage, useIntl } from "react-intl";
import Checkbox from "@saleor/components/Checkbox";
import ConfirmButton, {
@@ -25,7 +26,7 @@ import ConfirmButton, {
import Money from "@saleor/components/Money";
import TableCellAvatar from "@saleor/components/TableCellAvatar";
import useSearchQuery from "@saleor/hooks/useSearchQuery";
-import i18n from "@saleor/i18n";
+import { buttonMessages } from "@saleor/intl";
import { maybe, renderCollection } from "@saleor/misc";
import { FetchMoreProps } from "@saleor/types";
import {
@@ -161,6 +162,7 @@ const OrderProductAddDialog = withStyles(styles, {
onClose,
onSubmit
}: OrderProductAddDialogProps & WithStyles) => {
+ const intl = useIntl();
const [query, onQueryChange] = useSearchQuery(onFetch);
const [variants, setVariants] = React.useState<
SearchOrderVariant_products_edges_node_variants[]
@@ -187,21 +189,24 @@ const OrderProductAddDialog = withStyles(styles, {
fullWidth
maxWidth="sm"
>
- {i18n.t("Add product")}
+
+
+
{variant.name}
- {i18n.t("SKU {{ sku }}", {
- sku: variant.sku
- })}
+
@@ -301,7 +310,7 @@ const OrderProductAddDialog = withStyles(styles, {
() => (
- {i18n.t("No products matching given query")}
+
)
@@ -312,7 +321,7 @@ const OrderProductAddDialog = withStyles(styles, {
- {i18n.t("Confirm", { context: "button" })}
+
diff --git a/src/orders/components/OrderShippingMethodEditDialog/OrderShippingMethodEditDialog.tsx b/src/orders/components/OrderShippingMethodEditDialog/OrderShippingMethodEditDialog.tsx
index d290f5f03..ab0d86ef7 100644
--- a/src/orders/components/OrderShippingMethodEditDialog/OrderShippingMethodEditDialog.tsx
+++ b/src/orders/components/OrderShippingMethodEditDialog/OrderShippingMethodEditDialog.tsx
@@ -10,6 +10,7 @@ import {
WithStyles
} from "@material-ui/core/styles";
import React from "react";
+import { FormattedMessage } from "react-intl";
import ConfirmButton, {
ConfirmButtonTransitionState
@@ -17,7 +18,7 @@ import ConfirmButton, {
import Form from "@saleor/components/Form";
import Money from "@saleor/components/Money";
import { SingleSelectField } from "@saleor/components/SingleSelectField";
-import i18n from "../../../i18n";
+import { buttonMessages } from "@saleor/intl";
import { OrderDetails_order_availableShippingMethods } from "../../types/OrderDetails";
export interface FormData {
@@ -85,7 +86,10 @@ const OrderShippingMethodEditDialog = withStyles(styles, {
return (
| |