fix: handle meta sync properly even if there is no change

- hide meta sync button if there is no change
- ignore invoking populate function if there is no change

re #1047

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableTables.vue

@@ -251,6 +251,7 @@
             </x-btn>-->
 
             <x-btn
+              v-if="isChanged"
               x-large
               btn.class="mx-auto primary nc-btn-metasync-sync-now"
               tooltip="Sync metadata"
@@ -270,17 +271,10 @@
 
 <script>
 import { mapGetters } from 'vuex'
-// import { isMetaTable } from '@/helpers/xutils'
-import XIcon from '@/components/global/xIcon'
-import XBtn from '@/components/global/xBtn'
 import viewIcons from '~/helpers/viewIcons'
 
 export default {
   name: 'DisableOrEnableTables',
-  components: {
-    XBtn,
-    XIcon
-  },
   props: ['nodes', 'db'],
   data: () => ({
     viewIcons,
@@ -425,6 +419,9 @@ export default {
     ...mapGetters({
       dbAliasList: 'project/GtrDbAliasList'
     }),
+    isChanged() {
+      return this.diff && this.diff.some(d => d && d.detectedChanges && d.detectedChanges.length)
+    },
     prefix() {
       return this.$store.getters['project/GtrProjectPrefix'] || ''
     }

packages/nocodb/src/lib/noco/common/handlers/xcMetaDiffSync.ts

@@ -785,8 +785,13 @@ if (sIndex > -1) {
   populateParams.tableNames = populateParams.tableNames?.filter(t => {
     return t === populateParams.tableNames.find(t1 => t1.tn === t.tn);
   });
+
+  // invoke only if there is change in at least one table
+  if (populateParams.tableNames?.length) {
     await this.xcTablesPopulate(populateParams);
+  } else if (populateViewsParams.tableNames?.length) {
     await this.xcTablesPopulate(populateViewsParams);
+  }
 
   if (this instanceof GqlApiBuilder) {
     await (this as GqlApiBuilder).reInitializeGraphqlEndpoint();