diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/Assist/AssistConfigButton.tsx b/airbyte-webapp/src/components/connectorBuilder/Builder/Assist/AssistConfigButton.tsx index fea9d748761..eb879d12b53 100644 --- a/airbyte-webapp/src/components/connectorBuilder/Builder/Assist/AssistConfigButton.tsx +++ b/airbyte-webapp/src/components/connectorBuilder/Builder/Assist/AssistConfigButton.tsx @@ -1,7 +1,8 @@ import { useFloating, offset, flip, autoUpdate } from "@floating-ui/react-dom"; import { Popover, PopoverButton, PopoverPanel } from "@headlessui/react"; -import { useIntl } from "react-intl"; +import { useIntl, FormattedMessage } from "react-intl"; +import { Badge } from "components/ui/Badge"; import { Button, ButtonProps } from "components/ui/Button"; import { FlexContainer } from "components/ui/Flex"; import { Heading } from "components/ui/Heading"; @@ -73,6 +74,9 @@ const AssistTitle = () => { {formatMessage({ id: "connectorBuilder.assist.config.title" })} + + + ); }; diff --git a/airbyte-webapp/src/locales/en.json b/airbyte-webapp/src/locales/en.json index b028dccb8c0..069cda32c13 100644 --- a/airbyte-webapp/src/locales/en.json +++ b/airbyte-webapp/src/locales/en.json @@ -1342,6 +1342,7 @@ "ui.combobox.buttonErrorText": "Please select an option", "ui.combobox.buttonAddText": "Add option", "ui.combobox.buttonEditText": "Edit option", + "ui.badge.alpha": "Alpha", "airbyte.datatype.string": "String", "airbyte.datatype.binary_data": "Binary Data", diff --git a/airbyte-webapp/src/pages/connectorBuilder/ConnectorBuilderGeneratePage/ConnectorBuilderGeneratePage.tsx b/airbyte-webapp/src/pages/connectorBuilder/ConnectorBuilderGeneratePage/ConnectorBuilderGeneratePage.tsx index a319bcbb455..b131b2ca104 100644 --- a/airbyte-webapp/src/pages/connectorBuilder/ConnectorBuilderGeneratePage/ConnectorBuilderGeneratePage.tsx +++ b/airbyte-webapp/src/pages/connectorBuilder/ConnectorBuilderGeneratePage/ConnectorBuilderGeneratePage.tsx @@ -14,6 +14,7 @@ import { } from "components/connectorBuilder/types"; import { Form, FormControl } from "components/forms"; import { HeadTitle } from "components/HeadTitle"; +import { Badge } from "components/ui/Badge"; import { Button } from "components/ui/Button"; import { Card } from "components/ui/Card"; import { FlexContainer } from "components/ui/Flex"; @@ -142,6 +143,9 @@ const ConnectorBuilderGenerateForm: React.FC<{ {formatMessage({ id: "connectorBuilder.generatePage.title" })} + + +