ui. Display a notice for disabled updates

core/ui/public/i18n/en/translation.json

@@ -910,6 +910,8 @@
         "num_instances_updated": "{numInstances} instances updated",
         "n_instances_will_be_updated_c": "Update of {num} instance will start in a moment... | Update of {num} instances will start in a moment...",
         "version_version_available": "Version {version} available",
+        "updates_disabled_ns7_migration_title": "Updates are suspended",
+        "updates_disabled_ns7_migration_description": "There is an ongoing NS7 migration. Updates will resume once the migration is complete.",
         "app_categories": {
             "core": "Core",
             "development": "Development",

core/ui/src/views/SoftwareCenter.vue

@@ -131,6 +131,18 @@
           />
         </cv-column>
       </cv-row>
+      <cv-row v-if="updatesAreDisabledForMigration">
+        <cv-column>
+          <NsInlineNotification
+            kind="info"
+            :title="$t('software_center.updates_disabled_ns7_migration_title')"
+            :description="
+              $tc('software_center.updates_disabled_ns7_migration_description')
+            "
+            :showCloseButton="false"
+          />
+        </cv-column>
+      </cv-row>
       <div>
         <cv-search
           :label="$t('software_center.search_placeholder')"
@@ -437,6 +449,11 @@ export default {
         .filter((repository) => repository.testing)
         .map((repository) => repository.name);
     },
+    updatesAreDisabledForMigration() {
+      return this.modules.some(
+        (m) => m["disabled_updates_reason"] == "ns7_migration"
+      );
+    },
   },
   watch: {
     "q.search": function () {