mirror of
https://github.com/nocodb/nocodb.git
synced 2026-05-01 08:16:57 +00:00
29 lines
859 B
Vue
29 lines
859 B
Vue
<script setup lang="ts">
|
|
import LogosMysqlIcon from '~icons/logos/mysql-icon'
|
|
import LogosPostgresql from '~icons/nc-icons/postgresql'
|
|
import VscodeIconsFileTypeSqlite from '~icons/vscode-icons/file-type-sqlite'
|
|
import LogosSnowflakeIcon from '~icons/logos/snowflake-icon'
|
|
import MdiDatabaseOutline from '~icons/mdi/database-outline'
|
|
|
|
const { sourceType } = defineProps<{ sourceType?: string; color?: string }>()
|
|
|
|
const baseIcon = computed(() => {
|
|
switch (sourceType) {
|
|
case ClientType.MYSQL:
|
|
return LogosMysqlIcon
|
|
case ClientType.PG:
|
|
return LogosPostgresql
|
|
case ClientType.SQLITE:
|
|
return VscodeIconsFileTypeSqlite
|
|
case ClientType.SNOWFLAKE:
|
|
return LogosSnowflakeIcon
|
|
default:
|
|
return MdiDatabaseOutline
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<component :is="baseIcon" :style="color ? { color } : {}" />
|
|
</template>
|