diff --git a/airbyte-webapp/src/pages/connections/ConnectionTransformationPage/DbtCloudTransformationsCard.tsx b/airbyte-webapp/src/pages/connections/ConnectionTransformationPage/DbtCloudTransformationsCard.tsx index 6d45c6605fc0..bc37bbfdb641 100644 --- a/airbyte-webapp/src/pages/connections/ConnectionTransformationPage/DbtCloudTransformationsCard.tsx +++ b/airbyte-webapp/src/pages/connections/ConnectionTransformationPage/DbtCloudTransformationsCard.tsx @@ -63,6 +63,20 @@ class DbtCloudErrorBoundary extends React.Component, "hasDbtIntegration">; + +const DbtIntegrationCardContent = ({ saveJobs, isSaving, dbtCloudJobs }: DbtIntegrationCardContentProps) => { + const availableDbtJobs = useAvailableDbtJobs(); + return ( + + ); +}; + export const DbtCloudTransformationsCard = ({ connection }: { connection: WebBackendConnectionRead }) => { // Possible render paths: // 1) IF the workspace has no dbt cloud account linked @@ -75,18 +89,12 @@ export const DbtCloudTransformationsCard = ({ connection }: { connection: WebBac // THEN show the jobs list and the "+ Add transformation" button const { hasDbtIntegration, isSaving, saveJobs, dbtCloudJobs } = useDbtIntegration(connection); - const availableDbtJobs = useAvailableDbtJobs(); const { trackError } = useAppMonitoringService(); const workspaceId = useCurrentWorkspaceId(); return hasDbtIntegration ? ( - + ) : (