From 67f450ba594afbb867c358b22f13241f673c8d6f Mon Sep 17 00:00:00 2001
From: Cezar Augusto <cezaraugusto@outlook.it>
Date: Wed, 15 Nov 2017 19:54:10 -0200
Subject: [PATCH] tweak TOS for ledger close #11942 Auditors: @bsclifton

---
 .../locales/en-US/preferences.properties      |  1 +
 .../preferences/payment/disabledContent.js    | 38 +++++++++++++------
 .../preferences/payment/enabledContent.js     | 12 ++++++
 3 files changed, 40 insertions(+), 11 deletions(-)

diff --git a/app/extensions/brave/locales/en-US/preferences.properties b/app/extensions/brave/locales/en-US/preferences.properties
index c8bfe82910d..004564144c5 100644
--- a/app/extensions/brave/locales/en-US/preferences.properties
+++ b/app/extensions/brave/locales/en-US/preferences.properties
@@ -353,6 +353,7 @@ tabs=Tabs
 tabSettings=Tab Settings
 tabsPerTabPage=Number of tabs per tab set:
 tabsSettings=Tabs Settings
+termsOfService=Terms of Service
 timeSpent=Time Spent
 toolbarUserInterfaceScale=Toolbar and UI elements scale
 totalAmount=Total Amount
diff --git a/app/renderer/components/preferences/payment/disabledContent.js b/app/renderer/components/preferences/payment/disabledContent.js
index 9a041d5917a..9fb772f49e9 100644
--- a/app/renderer/components/preferences/payment/disabledContent.js
+++ b/app/renderer/components/preferences/payment/disabledContent.js
@@ -19,18 +19,25 @@ const uphold2 = require('../../../../extensions/brave/img/ledger/uphold_logo_med
 class DisabledContent extends ImmutableComponent {
   render () {
     return <section className={css(styles.disabledContent)} data-test-id='disabledContent'>
-      <div className={css(styles.disabledContent__message)} data-test-id='paymentsMessage'>
-        <h3 className={css(styles.disabledContent__message__header)} data-l10n-id='paymentsWelcomeTitle' />
-        <div className={css(styles.disabledContent__message__text)} data-l10n-id='paymentsWelcomeText1' />
-        <div className={css(styles.disabledContent__message__text, styles.disabledContent__message__text_bold)} data-l10n-id='paymentsWelcomeText2' />
-        <div className={css(styles.disabledContent__message__text)} data-l10n-id='paymentsWelcomeText3' />
-        <div className={css(styles.disabledContent__message__text)} data-l10n-id='paymentsWelcomeText4' />
-        <div className={css(styles.disabledContent__message__text)} data-l10n-id='paymentsWelcomeText5' />
-        <div className={css(styles.disabledContent__message__text)}>
-          <span data-l10n-id='paymentsWelcomeText6' />&nbsp;
-          <a className={css(commonStyles.linkText)} href='https://brave.com/Payments_FAQ.html' rel='noopener' target='_blank' data-l10n-id='paymentsWelcomeLink' />&nbsp;
-          <span data-l10n-id='paymentsWelcomeText7' />
+      <div>
+        <div className={css(styles.disabledContent__message)} data-test-id='paymentsMessage'>
+          <h3 className={css(styles.disabledContent__message__header)} data-l10n-id='paymentsWelcomeTitle' />
+          <div className={css(styles.disabledContent__message__text)} data-l10n-id='paymentsWelcomeText1' />
+          <div className={css(styles.disabledContent__message__text, styles.disabledContent__message__text_bold)} data-l10n-id='paymentsWelcomeText2' />
+          <div className={css(styles.disabledContent__message__text)} data-l10n-id='paymentsWelcomeText3' />
+          <div className={css(styles.disabledContent__message__text)} data-l10n-id='paymentsWelcomeText4' />
+          <div className={css(styles.disabledContent__message__text)} data-l10n-id='paymentsWelcomeText5' />
+          <div className={css(styles.disabledContent__message__text)}>
+            <span data-l10n-id='paymentsWelcomeText6' />&nbsp;
+            <a className={css(commonStyles.linkText)} href='https://brave.com/Payments_FAQ.html' rel='noopener' target='_blank' data-l10n-id='paymentsWelcomeLink' />&nbsp;
+            <span data-l10n-id='paymentsWelcomeText7' />
+          </div>
         </div>
+        <a data-l10n-id='termsOfService'
+          className={css(styles.disabledContent__message__toc)}
+          href='https://basicattentiontoken.org/contributor-terms-of-service/'
+          target='_blank'
+          rel='noreferrer noopener' />
       </div>
       <div className={css(styles.disabledContent__sidebar)}>
         <h2 className={css(styles.disabledContent__sidebar__header)} data-l10n-id='paymentsSidebarText1' />
@@ -74,6 +81,15 @@ const styles = StyleSheet.create({
     fontWeight: 'bold'
   },
 
+  disabledContent__message__toc: {
+    display: 'flex',
+    flex: 1,
+    justifyContent: 'flex-end',
+    fontSize: '13px',
+    color: '#666',
+    padding: '20px 0'
+  },
+
   disabledContent__sidebar: {
     minWidth: '200px',
     marginLeft: '35px'
diff --git a/app/renderer/components/preferences/payment/enabledContent.js b/app/renderer/components/preferences/payment/enabledContent.js
index 1626122ece7..f8106077f5e 100644
--- a/app/renderer/components/preferences/payment/enabledContent.js
+++ b/app/renderer/components/preferences/payment/enabledContent.js
@@ -242,6 +242,11 @@ class EnabledContent extends ImmutableComponent {
         settings={this.props.settings}
         onChangeSetting={this.props.onChangeSetting}
         siteSettings={this.props.siteSettings} />
+      <a data-l10n-id='termsOfService'
+        className={css(styles.enabledContent__tos)}
+        href='https://basicattentiontoken.org/contributor-terms-of-service/'
+        target='_blank'
+        rel='noreferrer noopener' />
     </section>
   }
 }
@@ -336,6 +341,13 @@ const styles = StyleSheet.create({
     zIndex: 2
   },
 
+  enabledContent__tos: {
+    float: 'right',
+    fontSize: '13px',
+    color: '#666',
+    padding: '20px 60px'
+  },
+
   enabledContent__loader: {
     background: '#fafafa',
     zIndex: 3,