🪟 🧹 Remove <StartWithDestination /> Component

airbyte-webapp/src/components/destination/DestinationForm/DestinationForm.tsx

@@ -10,9 +10,7 @@ import { useGetDestinationDefinitionSpecificationAsync } from "services/connecto
 import { ConnectorIds } from "utils/connectors";
 import { FormError } from "utils/errorStatusMessage";
 import { ConnectorCard } from "views/Connector/ConnectorCard";
-import { ConnectorCardValues, FrequentlyUsedConnectors, StartWithDestination } from "views/Connector/ConnectorForm";
-
-import styles from "./DestinationForm.module.scss";
+import { ConnectorCardValues, FrequentlyUsedConnectors } from "views/Connector/ConnectorForm";
 
 interface DestinationFormProps {
   onSubmit: (values: {
@@ -69,29 +67,21 @@ export const DestinationForm: React.FC<DestinationFormProps> = ({ onSubmit, dest
       connectorIds={frequentlyUsedDestinationIds}
     />
   );
-  const startWithDestinationComponent = !isLoading && !destinationDefinitionId && (
-    <div className={styles.startWithDestinationContainer}>
-      <StartWithDestination onDestinationSelect={onDropDownSelect} availableServices={destinationDefinitions} />
-    </div>
-  );
 
   return (
-    <>
-      <ConnectorCard
-        formType="destination"
-        title={<FormattedMessage id="onboarding.destinationSetUp" />}
-        description={<FormattedMessage id="destinations.description" />}
-        isLoading={isLoading}
-        fetchingConnectorError={destinationDefinitionError instanceof Error ? destinationDefinitionError : null}
-        availableConnectorDefinitions={destinationDefinitions}
-        onConnectorDefinitionSelect={onDropDownSelect}
-        selectedConnectorDefinitionSpecification={destinationDefinitionSpecification}
-        selectedConnectorDefinitionId={destinationDefinitionId}
-        onSubmit={onSubmitForm}
-        jobInfo={LogsRequestError.extractJobInfo(error)}
-        additionalSelectorComponent={frequentlyUsedDestinationsComponent}
-      />
-      {startWithDestinationComponent}
-    </>
+    <ConnectorCard
+      formType="destination"
+      title={<FormattedMessage id="onboarding.destinationSetUp" />}
+      description={<FormattedMessage id="destinations.description" />}
+      isLoading={isLoading}
+      fetchingConnectorError={destinationDefinitionError instanceof Error ? destinationDefinitionError : null}
+      availableConnectorDefinitions={destinationDefinitions}
+      onConnectorDefinitionSelect={onDropDownSelect}
+      selectedConnectorDefinitionSpecification={destinationDefinitionSpecification}
+      selectedConnectorDefinitionId={destinationDefinitionId}
+      onSubmit={onSubmitForm}
+      jobInfo={LogsRequestError.extractJobInfo(error)}
+      additionalSelectorComponent={frequentlyUsedDestinationsComponent}
+    />
   );
 };

airbyte-webapp/src/hooks/services/Experiment/experiments.ts

@@ -11,7 +11,6 @@ export interface Experiments {
   "connector.inviteUsersHint.linkToUsersPage": boolean;
   "connector.orderOverwrite": Record<string, number>;
   "connector.frequentlyUsedDestinationIds": string[];
-  "connector.startWithDestinationId": string;
   "connector.form.useDatepicker": boolean;
   "authPage.rightSideUrl": string | undefined;
   "authPage.hideSelfHostedCTA": boolean;

airbyte-webapp/src/locales/en.json

@@ -325,8 +325,6 @@
   "destinations.newDestinationTitle": "New destination",
   "destinations.destinationSetUp": "Set up the destination",
   "destinations.frequentlyUsed": "Most frequently used destinations",
-  "destinations.dontHaveYourOwnDestination": "Don’t have your own destination yet?",
-  "destinations.startWith": "Start with {name}",
 
   "connection.stream.syncMode": "{syncMode} - {destinationSyncMode}",
 

airbyte-webapp/src/views/Connector/ConnectorForm/index.tsx

@@ -1,5 +1,4 @@
 export * from "./types";
 export * from "./ConnectorForm";
 
-export { StartWithDestination } from "./components/StartWithDestination";
 export { FrequentlyUsedConnectors } from "./components/FrequentlyUsedConnectors";