From 51bb598b45720e3601f0cf979042f0ae135925e8 Mon Sep 17 00:00:00 2001
From: lmossman <lake@airbyte.io>
Date: Tue, 15 Nov 2022 11:24:13 -0800
Subject: [PATCH] move 'Example values' into intl

---
 airbyte-webapp/src/locales/en.json                           | 1 +
 .../ConnectorForm/components/Property/LabelInfo.tsx          | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/airbyte-webapp/src/locales/en.json b/airbyte-webapp/src/locales/en.json
index 96d0a3744eb01..084257867e204 100644
--- a/airbyte-webapp/src/locales/en.json
+++ b/airbyte-webapp/src/locales/en.json
@@ -550,6 +550,7 @@
   "connector.connectorsInDevelopment.docLink": "See our <lnk>documentation</lnk> for more details.",
   "connector.setupGuide": "Setup Guide",
   "connector.setupGuide.notFound": "No Setup Guide found for this connector.",
+  "connector.exampleValues": "Example {count, plural, one {value} other {values}}",
 
   "credits.credits": "Credits",
   "credits.whatAreCredits": "What are credits?",
diff --git a/airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/LabelInfo.tsx b/airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/LabelInfo.tsx
index ff1766bd8520a..20c472d878bdf 100644
--- a/airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/LabelInfo.tsx
+++ b/airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/LabelInfo.tsx
@@ -1,5 +1,6 @@
 import { JSONSchema7Type } from "json-schema";
 import React from "react";
+import { FormattedMessage } from "react-intl";
 
 import { TextWithHTML } from "components/ui/TextWithHTML";
 
@@ -35,7 +36,9 @@ const Examples: React.FC<Pick<LabelInfoProps, "examples">> = ({ examples }) => {
   return (
     <div>
       {/* don't use <Text as=h4> here, because we want the default parent styling for this header */}
-      <h4 className={styles.exampleHeader}>{`Example value${examplesArray.length > 1 ? "s" : ""}`}</h4>
+      <h4 className={styles.exampleHeader}>
+        <FormattedMessage id="connector.exampleValues" values={{ count: examplesArray.length }} />
+      </h4>
       <div className={styles.exampleContainer}>
         {examplesArray.map((example) => (
           <span className={styles.exampleItem}>{example}</span>