add the onboarding screen

mozilla-extensions · Dec 17, 2024 · 934395d · 934395d
1 parent c54e5ee
commit 934395d
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 4 deletions.
diff --git a/src/background/onboarding.js b/src/background/onboarding.js
@@ -36,7 +36,6 @@ export class OnboardingController extends Component {
   }
 
   async init() {
-    return; // DEBUG
     this.#mCurrentOnboardingPage.value = await fromStorage(
       browser.storage.local,
       ONBOARDING_KEY,

diff --git a/src/components/message-screen.js b/src/components/message-screen.js
@@ -165,6 +165,11 @@ export class MessageScreen extends LitElement {
       inline-size: 111px;
     }
 
+    img.onboarding-screen-4 {
+      margin-top: 24px;
+      max-height: 68px;
+      margin-bottom: 0px;
+    }
     @media (prefers-color-scheme: dark) {
       img.onboarding-screen-4 {
         filter: invert();
@@ -175,7 +180,7 @@ export class MessageScreen extends LitElement {
       flex-direction: row;
       width: 100%;
       justify-content: space-between;
-      align-items: center;
+      align-items: baseline;
     }
 
     .pagination {

diff --git a/src/components/prefab-screens.js b/src/components/prefab-screens.js
@@ -154,9 +154,23 @@ defineMessageScreen({
   img: `../logos/logo-dark.svg`,
   heading: tr(`telemetry_screen_header`),
   bodyText: html`
-    <p>${tr("telemetry_screen_descr")}</p>
+    <p>
+      ${(() => {
+        const input = tr("telemetry_screen_descr", "AAAAAAAAAAAAAAAA");
+        const parts = input.split("AAAAAAAAAAAAAAAA");
+        return html`
+          ${parts[0]}
+          <a href="https://www.mozilla.org/privacy/subscription-services/"
+            >${tr("privacy_notice_link_name")}</a
+          >
+          ${parts[1]}
+        `;
+      })()}
+    </p>
     <div class="row">
-      <p>${tr("telemetry_toggle_text")}</p>
+      <p style="font-family: 'Inter Semi Bold';text-align: left;">
+        ${tr("telemetry_toggle_text")}
+      </p>
       <mz-pill
         .enabled=${telemetry.telemetryEnabled.value}
         @click=${(e) => {