i18n: Filter input placeholder

eea · Aug 17, 2023 · 6acbd1f · 6acbd1f
1 parent 68a8817
commit 6acbd1f
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/components/manage/Blocks/Accordion/AccordionFilter.jsx b/src/components/manage/Blocks/Accordion/AccordionFilter.jsx
@@ -1,14 +1,23 @@
 import React from 'react';
 import { Accordion, Input } from 'semantic-ui-react';
+import { defineMessages, useIntl } from 'react-intl';
 import { Icon } from './util';
 import './editor.less';
 
+const messages = defineMessages({
+  placeholder: {
+    id: 'Type to filter...',
+    defaultMessage: 'Type to filter...',
+  },
+});
+
 const AccordionFilter = ({
   config,
   data,
   filterValue,
   handleFilteredValueChange,
 }) => {
+  const intl = useIntl();
   const { titleIcons } = config;
   const iconOnRight = data.right_arrows;
   const iconPosition = iconOnRight ? 'rightPosition' : 'leftPosition';
@@ -37,7 +46,7 @@ const AccordionFilter = ({
           fluid
           className="input-accordion-title"
           transparent
-          placeholder="Type to filter..."
+          placeholder={intl.formatMessage(messages.placeholder)}
           value={filterValue}
           onChange={(e) => handleFilteredValueChange(e.target.value)}
         />