diff --git a/airbyte-webapp/src/components/connection/CatalogTree/CatalogTree.tsx b/airbyte-webapp/src/components/connection/CatalogTree/CatalogTree.tsx index a15717762f2d..198f3589fde9 100644 --- a/airbyte-webapp/src/components/connection/CatalogTree/CatalogTree.tsx +++ b/airbyte-webapp/src/components/connection/CatalogTree/CatalogTree.tsx @@ -30,6 +30,12 @@ const CatalogTreeComponent: React.FC> const [searchString, setSearchString] = useState(""); + const onBatchStreamsChanged = useCallback( + (newStreams: SyncSchemaStream[]) => + onStreamsChanged(streams.map((str) => newStreams.find((newStr) => newStr.id === str.id) ?? str)), + [streams, onStreamsChanged] + ); + const onSingleStreamChanged = useCallback( (newValue: SyncSchemaStream) => onStreamsChanged(streams.map((str) => (str.id === newValue.id ? newValue : str))), [streams, onStreamsChanged] @@ -70,7 +76,7 @@ const CatalogTreeComponent: React.FC> ); return ( - + {mode !== "readonly" && }
diff --git a/airbyte-webapp/src/components/connection/CatalogTree/CatalogTreeSearch.tsx b/airbyte-webapp/src/components/connection/CatalogTree/CatalogTreeSearch.tsx index 2c416ac94a9c..86e15cb8969b 100644 --- a/airbyte-webapp/src/components/connection/CatalogTree/CatalogTreeSearch.tsx +++ b/airbyte-webapp/src/components/connection/CatalogTree/CatalogTreeSearch.tsx @@ -3,6 +3,8 @@ import { useIntl } from "react-intl"; import { Input } from "components/ui/Input"; +import { useBulkEditService } from "hooks/services/BulkEdit/BulkEditService"; + import styles from "./CatalogTreeSearch.module.scss"; interface CatalogTreeSearchProps { @@ -11,10 +13,12 @@ interface CatalogTreeSearchProps { export const CatalogTreeSearch: React.FC = ({ onSearch }) => { const { formatMessage } = useIntl(); + const { isActive } = useBulkEditService(); return (