Translations

locale/defaultMessages.json

@@ -7525,6 +7525,9 @@
   "kdRcqU": {
     "string": "Search customers..."
   },
+  "keyPlaceholder": {
+    "string": "Key"
+  },
   "kfvvnM": {
     "string": "Provided amount cannot exceed charged amount for the selected transaction"
   },
@@ -9101,6 +9104,9 @@
     "context": "default product variant indicator",
     "string": "Default"
   },
+  "valuePlaceholder": {
+    "string": "Value"
+  },
   "vcwrgW": {
     "string": "No translatable entities found"
   },

src/components/ConditionalFilter/UI/MetadataInput.tsx

@@ -1,6 +1,8 @@
 import { Box, Input } from "@saleor/macaw-ui-next";
 import React from "react";
+import { useIntl } from "react-intl";
 
+import { metadataInputMessages } from "../intl";
 import { FilterEventEmitter } from "./EventEmitter";
 import { DoubleTextOperator } from "./types";
 
@@ -19,6 +21,8 @@ export const MetadataInput = ({
   error,
   disabled,
 }: MetadataInputProps) => {
+  const intl = useIntl();
+
   return (
     <Box
       display="flex"
@@ -44,7 +48,7 @@ export const MetadataInput = ({
           emitter.blurRightOperator(index);
         }}
         error={error}
-        placeholder="Key"
+        placeholder={intl.formatMessage(metadataInputMessages.keyPlaceholder)}
         disabled={disabled}
       />
       <Box __width="1px" backgroundColor="default1Focused" />
@@ -61,7 +65,7 @@ export const MetadataInput = ({
           emitter.blurRightOperator(index);
         }}
         error={error}
-        placeholder="Value"
+        placeholder={intl.formatMessage(metadataInputMessages.valuePlaceholder)}
         disabled={disabled}
       />
     </Box>

src/components/ConditionalFilter/intl.ts

@@ -42,3 +42,14 @@ export const leftOperatorsMessages = defineMessages({
     defaultMessage: "Is giftcard",
   },
 });
+
+export const metadataInputMessages = defineMessages({
+  keyPlaceholder: {
+    id: "EcglP9",
+    defaultMessage: "Key",
+  },
+  valuePlaceholder: {
+    id: "GufXy5",
+    defaultMessage: "Value",
+  },
+});