Bug 1581426 - Update Lockwise connected devices string. r=fluent-reviewers,nhnt11,flod

Differential Revision: https://phabricator.services.mozilla.com/D53080

--HG--
extra : moz-landing-system : lando

browser/components/protections/content/lockwise-card.js

@@ -140,15 +140,10 @@ export default class LockwiseCard {
 
     const syncedDevicesText = container.querySelector(".synced-devices-text");
     const textEl = syncedDevicesText.querySelector("span");
-    if (syncedDevices) {
-      textEl.setAttribute(
-        "data-l10n-args",
-        JSON.stringify({ count: syncedDevices })
-      );
-      textEl.setAttribute("data-l10n-id", "lockwise-sync-status");
-    } else {
-      textEl.setAttribute("data-l10n-id", "lockwise-sync-not-syncing-devices");
-    }
+    document.l10n.setAttributes(textEl, "lockwise-connected-device-status", {
+      count: syncedDevices,
+    });
+
     // Display the link for enabling sync if no synced devices are detected.
     if (syncedDevices === 0) {
       const syncLink = this.doc.getElementById("turn-on-sync");

browser/components/protections/content/protections.html

@@ -227,7 +227,7 @@
                   <!-- Display message for status of synced devices here. -->
                 </span>
                 <a id="turn-on-sync" tabindex="0" class="hidden" href="" data-l10n-id="turn-on-sync"></a>
-                <a id="manage-devices" target="_blank" class="hidden" href="" data-l10n-id="manage-devices"></a>
+                <a id="manage-devices" target="_blank" class="hidden" href="" data-l10n-id="manage-connected-devices"></a>
               </span>
             </div>
           </div>

browser/components/protections/test/browser/browser_protections_lockwise.js

@@ -124,7 +124,7 @@ add_task(async function() {
     );
     is(
       syncedDevicesStatusText.getAttribute("data-l10n-id"),
-      "lockwise-sync-not-syncing-devices",
+      "lockwise-connected-device-status",
       "Not syncing to other devices."
     );
 

browser/locales/en-US/browser/protections.ftl

@@ -79,16 +79,15 @@ lockwise-passwords-stored =
 turn-on-sync = Turn on { -sync-brand-short-name }…
   .title = Go to sync preferences
 
-manage-devices = Manage devices
+manage-connected-devices = Manage devices…
 
 # Variables:
 #   $count (Number) - Number of devices connected with sync.
-lockwise-sync-status =
+lockwise-connected-device-status =
   { $count ->
-     [one] Syncing to { $count } other device
-    *[other] Syncing to { $count } other devices
+     [one] Connected to { $count } device
+    *[other] Connected to { $count } devices
   }
-lockwise-sync-not-syncing-devices = Not syncing to other devices
 
 monitor-title = Look out for data breaches
 monitor-link = How it works