fix: change mysql icon

Signed-off-by: mertmit <mertmit99@gmail.com>

packages/nc-gui/components.d.ts

@@ -67,6 +67,7 @@ declare module '@vue/runtime-core' {
     ATabs: typeof import('ant-design-vue/es')['Tabs']
     ATag: typeof import('ant-design-vue/es')['Tag']
     ATextarea: typeof import('ant-design-vue/es')['Textarea']
+    ATimePicker: typeof import('ant-design-vue/es')['TimePicker']
     ATooltip: typeof import('ant-design-vue/es')['Tooltip']
     ATypographyTitle: typeof import('ant-design-vue/es')['TypographyTitle']
     AUploadDragger: typeof import('ant-design-vue/es')['UploadDragger']
@@ -86,7 +87,7 @@ declare module '@vue/runtime-core' {
     IcTwotoneWidthFull: typeof import('~icons/ic/twotone-width-full')['default']
     IcTwotoneWidthNormal: typeof import('~icons/ic/twotone-width-normal')['default']
     LogosGoogleGmail: typeof import('~icons/logos/google-gmail')['default']
-    LogosMysql: typeof import('~icons/logos/mysql')['default']
+    LogosMysqlIcon: typeof import('~icons/logos/mysql-icon')['default']
     LogosPostgresql: typeof import('~icons/logos/postgresql')['default']
     LogosRedditIcon: typeof import('~icons/logos/reddit-icon')['default']
     LogosSwagger: typeof import('~icons/logos/swagger')['default']

packages/nc-gui/components/dashboard/TreeView.vue

@@ -366,7 +366,7 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
                   <a-menu-item-group title="Connect to new datasource" class="!px-0 !mx-0">
                     <a-menu-item key="connect-new-source" @click="toggleDialog(true, 'dataSources', ClientType.MYSQL)">
                       <div class="color-transition nc-project-menu-item group">
-                        <LogosMysql class="group-hover:text-accent" />
+                        <LogosMysqlIcon class="group-hover:text-accent" />
                         MySQL
                       </div>
                     </a-menu-item>

packages/nc-gui/components/general/BaseLogo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import LogosMysql from '~icons/logos/mysql'
+import LogosMysqlIcon from '~icons/logos/mysql-icon'
 import LogosPostgresql from '~icons/logos/postgresql'
 import VscodeIconsFileTypeSqlite from '~icons/vscode-icons/file-type-sqlite'
 import SimpleIconsMicrosoftsqlserver from '~icons/simple-icons/microsoftsqlserver'
@@ -10,7 +10,7 @@ const { baseType } = defineProps<{ baseType?: string }>()
 const baseIcon = computed(() => {
   switch (baseType) {
     case ClientType.MYSQL:
-      return LogosMysql
+      return LogosMysqlIcon
     case ClientType.PG:
       return LogosPostgresql
     case ClientType.SQLITE: