fix: refresh data sources on sync metadata

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

packages/nc-gui/components/dashboard/settings/DataSources.vue

@@ -326,7 +326,7 @@ watch(
         <CreateBase :connection-type="clientType" @base-created="loadBases" />
       </div>
       <div v-else-if="vState === DataSourcesSubTab.Metadata" class="max-h-600px overflow-y-auto">
-        <Metadata :base-id="activeBaseId" />
+        <Metadata :base-id="activeBaseId" @base-synced="loadBases" />
       </div>
       <div v-else-if="vState === DataSourcesSubTab.UIAcl" class="max-h-600px overflow-y-auto">
         <UIAcl :base-id="activeBaseId" />

packages/nc-gui/components/dashboard/settings/Metadata.vue

@@ -5,6 +5,8 @@ const props = defineProps<{
   baseId: string
 }>()
 
+const emit = defineEmits(['baseSynced'])
+
 const { $api } = useNuxtApp()
 
 const { project, loadTables } = useProject()
@@ -47,6 +49,7 @@ async function syncMetaDiff() {
     message.info(t('msg.info.metaDataRecreated'))
     await loadTables()
     await loadMetaDiff()
+    emit('baseSynced')
   } catch (e: any) {
     message.error(await extractSdkResponseErrorMsg(e))
   } finally {