From 30a553542299994b6d7ddde029d45c92ece9b65e Mon Sep 17 00:00:00 2001 From: royendo <67675319+royendo@users.noreply.github.com> Date: Tue, 28 Apr 2026 12:20:18 -0400 Subject: [PATCH] feat: add `Hudi`, `Kafka`, `MongoDB` connector icons Adds new icon components for connectors that will be surfaced by upcoming template-based add-data work: - `ApacheHudi`, `ApacheHudiIcon` - `ApacheKafka`, `ApacheKafkaIcon` - `MongoDB`, `MongoDBIcon` Also refreshes `GoogleCloudStorageIcon` to a polished hexagon variant and wires `hudi` and `kafka` keys into `connectorIconMapping`. Co-Authored-By: Claude Opus 4.7 --- .../icons/connectors/ApacheHudi.svelte | 16 +++++++++ .../icons/connectors/ApacheHudiIcon.svelte | 20 +++++++++++ .../icons/connectors/ApacheKafka.svelte | 17 ++++++++++ .../icons/connectors/ApacheKafkaIcon.svelte | 17 ++++++++++ .../connectors/GoogleCloudStorageIcon.svelte | 27 +++++++++------ .../icons/connectors/MongoDB.svelte | 34 +++++++++++++++++++ .../icons/connectors/MongoDBIcon.svelte | 24 +++++++++++++ .../features/connectors/connector-metadata.ts | 4 +++ 8 files changed, 149 insertions(+), 10 deletions(-) create mode 100644 web-common/src/components/icons/connectors/ApacheHudi.svelte create mode 100644 web-common/src/components/icons/connectors/ApacheHudiIcon.svelte create mode 100644 web-common/src/components/icons/connectors/ApacheKafka.svelte create mode 100644 web-common/src/components/icons/connectors/ApacheKafkaIcon.svelte create mode 100644 web-common/src/components/icons/connectors/MongoDB.svelte create mode 100644 web-common/src/components/icons/connectors/MongoDBIcon.svelte diff --git a/web-common/src/components/icons/connectors/ApacheHudi.svelte b/web-common/src/components/icons/connectors/ApacheHudi.svelte new file mode 100644 index 000000000000..dc97039a0f6b --- /dev/null +++ b/web-common/src/components/icons/connectors/ApacheHudi.svelte @@ -0,0 +1,16 @@ + + + + diff --git a/web-common/src/components/icons/connectors/ApacheHudiIcon.svelte b/web-common/src/components/icons/connectors/ApacheHudiIcon.svelte new file mode 100644 index 000000000000..6d2064c7d9e5 --- /dev/null +++ b/web-common/src/components/icons/connectors/ApacheHudiIcon.svelte @@ -0,0 +1,20 @@ + + + + + + diff --git a/web-common/src/components/icons/connectors/ApacheKafka.svelte b/web-common/src/components/icons/connectors/ApacheKafka.svelte new file mode 100644 index 000000000000..8b1778a7239e --- /dev/null +++ b/web-common/src/components/icons/connectors/ApacheKafka.svelte @@ -0,0 +1,17 @@ + + + + + + diff --git a/web-common/src/components/icons/connectors/ApacheKafkaIcon.svelte b/web-common/src/components/icons/connectors/ApacheKafkaIcon.svelte new file mode 100644 index 000000000000..089d420358cd --- /dev/null +++ b/web-common/src/components/icons/connectors/ApacheKafkaIcon.svelte @@ -0,0 +1,17 @@ + + + + + diff --git a/web-common/src/components/icons/connectors/GoogleCloudStorageIcon.svelte b/web-common/src/components/icons/connectors/GoogleCloudStorageIcon.svelte index db60ba30180c..26d2f5aae428 100644 --- a/web-common/src/components/icons/connectors/GoogleCloudStorageIcon.svelte +++ b/web-common/src/components/icons/connectors/GoogleCloudStorageIcon.svelte @@ -3,30 +3,37 @@ + + + diff --git a/web-common/src/components/icons/connectors/MongoDB.svelte b/web-common/src/components/icons/connectors/MongoDB.svelte new file mode 100644 index 000000000000..a5c96451d9ab --- /dev/null +++ b/web-common/src/components/icons/connectors/MongoDB.svelte @@ -0,0 +1,34 @@ + + + + + + + + + + diff --git a/web-common/src/components/icons/connectors/MongoDBIcon.svelte b/web-common/src/components/icons/connectors/MongoDBIcon.svelte new file mode 100644 index 000000000000..01d561246bf5 --- /dev/null +++ b/web-common/src/components/icons/connectors/MongoDBIcon.svelte @@ -0,0 +1,24 @@ + + + + + + + diff --git a/web-common/src/features/connectors/connector-metadata.ts b/web-common/src/features/connectors/connector-metadata.ts index f0542423abc3..b0728f1f46e3 100644 --- a/web-common/src/features/connectors/connector-metadata.ts +++ b/web-common/src/features/connectors/connector-metadata.ts @@ -1,5 +1,7 @@ import AmazonS3Icon from "../../components/icons/connectors/AmazonS3Icon.svelte"; import ApacheDruidIcon from "../../components/icons/connectors/ApacheDruidIcon.svelte"; +import ApacheHudiIcon from "../../components/icons/connectors/ApacheHudiIcon.svelte"; +import ApacheKafkaIcon from "../../components/icons/connectors/ApacheKafkaIcon.svelte"; import ApachePinotIcon from "../../components/icons/connectors/ApachePinotIcon.svelte"; import ClaudeIcon from "../../components/icons/connectors/ClaudeIcon.svelte"; import ClickHouseIcon from "../../components/icons/connectors/ClickHouseIcon.svelte"; @@ -33,6 +35,8 @@ export const connectorIconMapping = { claude: ClaudeIcon, clickhouse: ClickHouseIcon, delta: DeltaLakeIcon, + hudi: ApacheHudiIcon, + kafka: ApacheKafkaIcon, clickhousecloud: ClickHouseCloudIcon, gemini: GeminiIcon, motherduck: MotherDuckIcon,