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

Depends on D6614

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

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Julian Descottes 2018-09-25 06:38:52 +00:00
parent b246d48d96
commit 26887111d9
2 changed files with 30 additions and 9 deletions

View File

@ -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");
/**
@ -25,18 +28,28 @@ class DeviceSidebarItemAction extends PureComponent {
render() {
const { connected } = this.props;
if (connected) {
return "Connected";
return Localized(
{
id: "about-debugging-sidebar-item-connected-label"
},
dom.span({}, "Connected")
);
}
return dom.button(
return Localized(
{
className: "sidebar-item__connect-button",
onClick: () => {
const { dispatch, runtimeId } = this.props;
dispatch(Actions.connectRuntime(runtimeId));
}
id: "about-debugging-sidebar-item-connect-button"
},
"Connect"
dom.button(
{
className: "sidebar-item__connect-button",
onClick: () => {
const { dispatch, runtimeId } = this.props;
dispatch(Actions.connectRuntime(runtimeId));
}
},
"Connect"
)
);
}
}

View File

@ -16,6 +16,14 @@ about-debugging-sidebar-connect =
# Text displayed in the about:debugging sidebar when no device was found.
about-debugging-sidebar-no-devices = No devices discovered
# Text displayed in buttons found in sidebar items representing remote runtimes.
# Clicking on the button will attempt to connect to the runtime.
about-debugging-sidebar-item-connect-button = Connect
# Temporary text displayed in sidebar items representing remote runtimes after
# successfully connecting to them. Temporary UI, do not localize.
about-debugging-sidebar-item-connected-label = Connected
# Title of the Connect page.
about-debugging-connect-title = Connect a Device