Bug 1489434 - Add i18n for NetworkLocationsForm component;r=birtles

Depends on D6612

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

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

devtools/client/aboutdebugging-new/src/components/connect/NetworkLocationsForm.js

@@ -4,10 +4,13 @@
 
 "use strict";
 
-const { PureComponent } = require("devtools/client/shared/vendor/react");
+const { createFactory, PureComponent } = require("devtools/client/shared/vendor/react");
 const dom = require("devtools/client/shared/vendor/react-dom-factories");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
 
+const FluentReact = require("devtools/client/shared/vendor/fluent-react");
+const Localized = createFactory(FluentReact.Localized);
+
 const Actions = require("../../actions/index");
 
 class NetworkLocationsForm extends PureComponent {
@@ -37,7 +40,12 @@ class NetworkLocationsForm extends PureComponent {
           e.preventDefault();
         }
       },
-      dom.span({}, "Host:port"),
+      Localized(
+        {
+          id: "about-debugging-network-locations-host-input-label"
+        },
+        dom.span({}, "Host")
+      ),
       dom.input({
         className: "connect-page__network-form__input js-network-form-input",
         placeholder: "localhost:6080",
@@ -48,9 +56,17 @@ class NetworkLocationsForm extends PureComponent {
           this.setState({ value });
         }
       }),
-      dom.button({
-        className: "aboutdebugging-button js-network-form-submit-button"
-      }, "Add")
+      Localized(
+        {
+          id: "about-debugging-network-locations-add-button"
+        },
+        dom.button(
+          {
+            className: "aboutdebugging-button js-network-form-submit-button"
+          },
+          "Add"
+        )
+      )
     );
   }
 }

devtools/client/aboutdebugging-new/tmp-locale/en-US/aboutdebugging.notftl

@@ -74,6 +74,15 @@ about-debugging-extension-location = Location
 # For instance "geckoprofiler@mozilla.com" or "{ed26ddcb-5611-4512-a89a-51b8db81cfb2}".
 about-debugging-extension-id = Extension ID
 
+# Text of a button displayed after the network locations "Host" input.
+# Clicking on it will add the new network location to the list.
+about-debugging-network-locations-add-button = Add
+
+# Text of the label for the text input that allows users to add new network locations in
+# the Connect page. A host is a hostname and a port separated by a colon, as suggested by
+# the input's placeholder "localhost:6080".
+about-debugging-network-locations-host-input-label = Host
+
 # Text of a button displayed next to existing network locations in the Connect page.
 # Clicking on it removes the network location from the list.
 about-debugging-network-locations-remove-button