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 documentation 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> = ({ examples }) => { return (
{/* don't use here, because we want the default parent styling for this header */} -

{`Example value${examplesArray.length > 1 ? "s" : ""}`}

+

+ +

{examplesArray.map((example) => ( {example}