make sync description more clear

allegro · Aug 21, 2024 · 7b2f273 · 7b2f273
1 parent c899119
commit 7b2f273
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/hermes-console/src/i18n/en-US/index.ts b/hermes-console/src/i18n/en-US/index.ts
@@ -47,6 +47,12 @@ const en_US = {
     confirmText: "Type 'prod' to confirm action.",
   },
   consistency: {
+    sync: {
+      header: 'Sync datacenters',
+      explanation:
+        'Pick DC which contains correct data. Data from that DC will be propagated to other DCs.',
+      cta: 'Correct data is in DC:',
+    },
     connectionError: {
       title: 'Connection error',
       text: 'Could not fetch information about consistency',

diff --git a/hermes-console/src/views/admin/consistency/inconsistent-metadata/InconsistentMetadata.vue b/hermes-console/src/views/admin/consistency/inconsistent-metadata/InconsistentMetadata.vue
@@ -48,9 +48,16 @@
         </tr>
       </tbody>
     </v-table>
-    <v-card-text dev> Sync state to Datacenter </v-card-text>
+    <v-card-text>
+      <p class="text-h5">{{ $t('consistency.sync.header') }}</p>
+      <p class="text-subtitle-1 mt-2">
+        {{ $t('consistency.sync.explanation') }}
+      </p>
+    </v-card-text>
     <v-card-actions>
+      <p class="text mt-2 mr-4 ml-2">{{ $t('consistency.sync.cta') }}</p>
       <v-btn
+        class="bg-primary"
         v-for="meta in metadata"
         @click="sync(meta.datacenter)"
         :key="meta.datacenter"