Commit 9480f327 authored by Meg Viar's avatar Meg Viar
Browse files

Bug 1761250 - Enable showing Klar QR to users with de locale in Focus promos...

Bug 1761250 - Enable showing Klar QR to users with de locale in Focus promos using Spotlight in PBM r=Mardak

Differential Revision: https://phabricator.services.mozilla.com/D141965
parent 65aadb20
Loading
Loading
Loading
Loading
+5 −3
Original line number Diff line number Diff line
@@ -1001,7 +1001,7 @@ const MarketplaceButtons = props => {
    target: "_blank",
    "data-l10n-id": "spotlight-android-marketplace-button",
    onClick: e => {
      props.handleAction(e, iosLink);
      props.handleAction(e, androidLink);
    },
    style: {
      backgroundImage: getIconSrc("android")
@@ -1013,7 +1013,7 @@ const MarketplaceButtons = props => {
    target: "_blank",
    "data-l10n-id": "spotlight-ios-marketplace-button",
    onClick: e => {
      props.handleAction(e, androidLink);
      props.handleAction(e, iosLink);
    },
    style: {
      backgroundImage: getIconSrc("ios")
@@ -1021,6 +1021,8 @@ const MarketplaceButtons = props => {
  })));
};
const MobileDownloads = props => {
  var _QRCode$image_overrid;

  const {
    QR_code: QRCode
  } = props.data;
@@ -1031,7 +1033,7 @@ const MobileDownloads = props => {
    "data-l10n-id": QRCode.alt_text.string_id ? QRCode.alt_text.string_id : null,
    className: "qr-code-image",
    alt: typeof QRCode.alt_text === "string" ? QRCode.alt_text : "",
    src: props.data.QR_code.image_url
    src: ((_QRCode$image_overrid = QRCode.image_overrides) === null || _QRCode$image_overrid === void 0 ? void 0 : _QRCode$image_overrid[document.documentElement.lang]) ?? QRCode.image_url
  }) : null, showEmailLink ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MSLocalized__WEBPACK_IMPORTED_MODULE_1__.Localized, {
    text: props.data.email.link_text
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
+6 −3
Original line number Diff line number Diff line
@@ -21,7 +21,7 @@ export const MarketplaceButtons = props => {
          target="_blank"
          data-l10n-id={"spotlight-android-marketplace-button"}
          onClick={e => {
            props.handleAction(e, iosLink);
            props.handleAction(e, androidLink);
          }}
          style={{ backgroundImage: getIconSrc("android") }}
        ></button>
@@ -32,7 +32,7 @@ export const MarketplaceButtons = props => {
          target="_blank"
          data-l10n-id={"spotlight-ios-marketplace-button"}
          onClick={e => {
            props.handleAction(e, androidLink);
            props.handleAction(e, iosLink);
          }}
          style={{ backgroundImage: getIconSrc("ios") }}
        ></button>
@@ -57,7 +57,10 @@ export const MobileDownloads = props => {
          }
          className="qr-code-image"
          alt={typeof QRCode.alt_text === "string" ? QRCode.alt_text : ""}
          src={props.data.QR_code.image_url}
          src={
            QRCode.image_overrides?.[document.documentElement.lang] ??
            QRCode.image_url
          }
        />
      ) : null}
      {showEmailLink ? (
+4 −1
Original line number Diff line number Diff line
@@ -281,7 +281,10 @@ module.exports = function(config) {
            loader: "babel-loader",
            options: {
              presets: ["@babel/preset-react"],
              plugins: ["@babel/plugin-proposal-optional-chaining"],
              plugins: [
                "@babel/plugin-proposal-nullish-coalescing-operator",
                "@babel/plugin-proposal-optional-chaining",
              ],
            },
          },
          {
+4 −0
Original line number Diff line number Diff line
@@ -96,6 +96,10 @@ const ONBOARDING_MESSAGES = () => [
                          alt_text: {
                            string_id: "spotlight-focus-promo-qr-code",
                          },
                          image_overrides: {
                            de:
                              "chrome://browser/content/assets/klar-qr-code.svg",
                          },
                        },
                        marketplace_buttons: {
                          ios_link: {
+3 −0
Original line number Diff line number Diff line
@@ -587,6 +587,9 @@ const MESSAGES = () => [
                  alt_text: {
                    string_id: "spotlight-focus-promo-qr-code",
                  },
                  image_overrides: {
                    de: "chrome://browser/content/assets/klar-qr-code.svg",
                  },
                },
                email: {
                  link_text: "Email yourself a link",
Loading