Fixed #1644 - Updated featured branch button to go through OAuth flow…

… when on treatment branch.
mozilla · Apr 22, 2020 · 9856dce · 9856dce
1 parent ec4b731
commit 9856dce
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 5 deletions.
diff --git a/public/css/monitor.css b/public/css/monitor.css
@@ -14,6 +14,10 @@
   margin-bottom: 0;
 }
 
+.featured-breach.experiment-subhead h2.landing-headline {
+  margin-bottom: 22px;
+}
+
 .landing-bottom-bar {
   background-image: url(/img/landing/background-noodle-middle.svg), linear-gradient(224deg, #2150c8, #712291);
   background-repeat: no-repeat;
@@ -137,6 +141,7 @@ h3.sb-callout {
     min-height: 100vh;
   }
 
+  .featured-breach.experiment-subhead h2.landing-headline,
   .featured-breach h2.landing-headline,
   h2.landing-headline,
   .landing-subhead {

diff --git a/template-helpers/homepage.js b/template-helpers/homepage.js
@@ -31,6 +31,10 @@ function makeLanding(args) {
       body: LocaleUtils.fluentFormat(locales, "sensitive-sites-copy"),
     });
   }
+  // Growth Experiment
+  if (featuredBreach && experimentBranchB) {
+    landingCopy.subhead = "Your free Firefox account alerts you if you’ve been involved in a known data breach.";
+  }
 
   return args.fn(landingCopy);
 

diff --git a/views/monitor.hbs b/views/monitor.hbs
@@ -1,5 +1,5 @@
 {{!< default }}
-<main class="container monitor-homepage clear-header {{#if featuredBreach}} featured-breach {{/if}} {{#if featuredBreach.IsSensitive}} sensitive-landing {{/if}}" data-page-label={{> analytics/landing_page_label }}>
+<main class="container monitor-homepage clear-header {{#if featuredBreach}} featured-breach {{/if}} {{#if featuredBreach.IsSensitive}} sensitive-landing {{/if}} {{#if experimentBranchB}} experiment-subhead {{/if}}" data-page-label={{> analytics/landing_page_label }}>
   <section class="row jst-cntr monitor-landing">
     <div class="col-12 flx-cntr landing-content">
       {{#makeLanding}}

diff --git a/views/partials/forms/scan-email-form.hbs b/views/partials/forms/scan-email-form.hbs
@@ -15,17 +15,21 @@
   {{/if}}
   <div class="input-group-button">
     {{#if featuredBreach}}
-      <input type="submit" value="{{ getString "find-out" }}"/>
+      {{#if experimentBranchB}}
+        <input type="submit" class="open-oauth" {{> analytics/fxa id="fx-monitor-create-account-blue-btn-find-out" }} value="{{ getString "find-out" }}"/>
+      {{else}}
+        <input type="submit" value="{{ getString "find-out" }}"/>
+      {{/if}}
     {{else if experimentBranchB}}
-      <input type="submit" class="open-oauth" {{> analytics/fxa id="fx-monitor-create-account-blue-btn" }} value="Get Started"/>
+      <input type="submit" class="open-oauth" {{> analytics/fxa id="fx-monitor-create-account-blue-btn-get-started" }} value="Get Started"/>
     {{else}}
       <input type="submit" value="{{ getString "check-for-breaches" }}"/>
     {{/if}}
       {{> forms/loader }}
   </div>
 </form>
 {{#if experimentBranchB}}
-<p class="paragraph form-desc txt-cntr txt-purple7 experiment">Firefox browser not required for a Firefox Account. You may receive info about Mozilla&nbsp;services.</p>
+    <p class="paragraph form-desc txt-cntr txt-purple7 experiment">Firefox browser not required for a Firefox Account. You may receive info about Mozilla&nbsp;services.</p>
 {{else}}
-<p class="paragraph form-desc txt-cntr txt-purple7">{{ getString "search-for-your-email" }}</p>
+  <p class="paragraph form-desc txt-cntr txt-purple7">{{ getString "search-for-your-email" }}</p>
 {{/if}}