diff --git a/apps/studio/components/interfaces/Database/Replication/DestinationLogo.tsx b/apps/studio/components/interfaces/Database/Replication/DestinationLogo.tsx index 77b9fcca777..2d3a7c1978d 100644 --- a/apps/studio/components/interfaces/Database/Replication/DestinationLogo.tsx +++ b/apps/studio/components/interfaces/Database/Replication/DestinationLogo.tsx @@ -6,13 +6,11 @@ import type { DestinationType } from './DestinationPanel/DestinationPanel.types' import { BRAND_ICONS, resolveThemedIconSrc, type ThemedIconSrc } from '@/lib/brand-icons' import { resolveThemeOverrideMode } from '@/lib/theme-overrides' -type DestinationBrand = { type: 'mark'; src: ThemedIconSrc } | { type: 'monogram'; label: string } - -const BRAND_BY_TYPE: Partial> = { - BigQuery: { type: 'mark', src: BRAND_ICONS.bigquery }, - ClickHouse: { type: 'mark', src: BRAND_ICONS.clickhouse }, - DuckLake: { type: 'mark', src: BRAND_ICONS.ducklake }, - Snowflake: { type: 'monogram', label: 'SF' }, +const BRAND_MARK_BY_TYPE: Partial> = { + BigQuery: BRAND_ICONS.bigquery, + ClickHouse: BRAND_ICONS.clickhouse, + DuckLake: BRAND_ICONS.ducklake, + Snowflake: BRAND_ICONS.snowflake, } const SIZE_CLASS_NAME = { @@ -41,29 +39,17 @@ export const DestinationLogo = ({ const { resolvedTheme } = useTheme() const isDark = resolveThemeOverrideMode(resolvedTheme) === 'dark' const sizing = SIZE_CLASS_NAME[size] - const brand = BRAND_BY_TYPE[type] - const brandMarkSrc = brand?.type === 'mark' ? resolveThemedIconSrc(brand.src, isDark) : undefined + const brandMark = BRAND_MARK_BY_TYPE[type] + const brandMarkSrc = brandMark === undefined ? undefined : resolveThemedIconSrc(brandMark, isDark) return ( - {brand === undefined && ( + {brandMarkSrc === undefined ? ( - )} - {brand?.type === 'mark' && ( + ) : ( )} - {brand?.type === 'monogram' && ( - - {brand.label} - - )} {hasErrors && (