From 814c27d69d9e4d34329fbc460c9d88266dc28906 Mon Sep 17 00:00:00 2001
From: Anastasia Poupeney <anastasiasergienko@gmail.com>
Date: Thu, 5 Jul 2018 10:34:15 +0200
Subject: [PATCH] add blue hover to learn more links onboarding analytics

---
 src/components/Onboarding/steps/Analytics.js | 45 ++++++++++++--------
 1 file changed, 27 insertions(+), 18 deletions(-)

diff --git a/src/components/Onboarding/steps/Analytics.js b/src/components/Onboarding/steps/Analytics.js
index 71f1d1f6..81213aa2 100644
--- a/src/components/Onboarding/steps/Analytics.js
+++ b/src/components/Onboarding/steps/Analytics.js
@@ -77,15 +77,17 @@ class Analytics extends PureComponent<StepProps, State> {
               <Box>
                 <Box horizontal mb={1}>
                   <AnalyticsTitle>{t('onboarding:analytics.technicalData.title')}</AnalyticsTitle>
-                  <FakeLink
-                    underline
-                    fontSize={3}
-                    color="smoke"
-                    ml={2}
-                    onClick={this.handleTechnicalDataModal}
-                  >
-                    {t('app:common.learnMore')}
-                  </FakeLink>
+                  <LearnMoreWrapper>
+                    <FakeLink
+                      underline
+                      fontSize={3}
+                      color="smoke"
+                      ml={2}
+                      onClick={this.handleTechnicalDataModal}
+                    >
+                      {t('app:common.learnMore')}
+                    </FakeLink>
+                  </LearnMoreWrapper>
                 </Box>
                 <TechnicalData />
                 <AnalyticsText>{t('onboarding:analytics.technicalData.desc')}</AnalyticsText>
@@ -101,15 +103,17 @@ class Analytics extends PureComponent<StepProps, State> {
               <Box>
                 <Box horizontal mb={1}>
                   <AnalyticsTitle>{t('onboarding:analytics.shareAnalytics.title')}</AnalyticsTitle>
-                  <FakeLink
-                    style={{ textDecoration: 'underline' }}
-                    fontSize={3}
-                    color="smoke"
-                    ml={2}
-                    onClick={this.handleShareAnalyticsModal}
-                  >
-                    {t('app:common.learnMore')}
-                  </FakeLink>
+                  <LearnMoreWrapper>
+                    <FakeLink
+                      style={{ textDecoration: 'underline' }}
+                      fontSize={3}
+                      color="smoke"
+                      ml={2}
+                      onClick={this.handleShareAnalyticsModal}
+                    >
+                      {t('app:common.learnMore')}
+                    </FakeLink>
+                  </LearnMoreWrapper>
                   <ShareAnalytics />
                 </Box>
                 <AnalyticsText>{t('onboarding:analytics.shareAnalytics.desc')}</AnalyticsText>
@@ -192,3 +196,8 @@ const Container = styled(Box).attrs({
   width: 550px;
   justify-content: space-between;
 `
+const LearnMoreWrapper = styled(Box).attrs({})`
+  ${FakeLink}:hover {
+    color: ${p => p.theme.colors.wallet};
+  }
+`