From 0387f613e9a1c2211daaf440f3ca376891dcb6e2 Mon Sep 17 00:00:00 2001
From: Jackie Luo <jackiehluo@gmail.com>
Date: Tue, 7 Jun 2016 13:07:06 -0700
Subject: [PATCH] fix(onboarding): Add notice about cloud sync

---
 internal_packages/onboarding/lib/page-account-choose.jsx | 3 +++
 internal_packages/onboarding/stylesheets/onboarding.less | 5 +++++
 2 files changed, 8 insertions(+)

diff --git a/internal_packages/onboarding/lib/page-account-choose.jsx b/internal_packages/onboarding/lib/page-account-choose.jsx
index b4326ffe0..6c607e60a 100644
--- a/internal_packages/onboarding/lib/page-account-choose.jsx
+++ b/internal_packages/onboarding/lib/page-account-choose.jsx
@@ -35,6 +35,9 @@ export default class AccountChoosePage extends React.Component {
         <h2>
           Connect an email account
         </h2>
+        <div className="cloud-sync-note">
+          Nylas syncs your mail through the cloud. <a href="https://support.nylas.com/hc/en-us/articles/217518207-Why-does-Nylas-N1-sync-email-via-the-cloud-">Learn More</a>
+        </div>
         <div className="provider-list">
           {this._renderAccountTypes()}
         </div>
diff --git a/internal_packages/onboarding/stylesheets/onboarding.less b/internal_packages/onboarding/stylesheets/onboarding.less
index 6205d8726..1d345176d 100644
--- a/internal_packages/onboarding/stylesheets/onboarding.less
+++ b/internal_packages/onboarding/stylesheets/onboarding.less
@@ -247,6 +247,11 @@
     margin:auto;
     width: 400px;
   }
+  .cloud-sync-note {
+    margin-bottom: 20px;
+    cursor: default;
+    color: @text-color-very-subtle;
+  }
   .provider-name {
     font-size: 18px;
     font-weight: 300;