From a88ca031d0833b69b4d0f71a786b32178d8bc500 Mon Sep 17 00:00:00 2001
From: Gregory Wolanski <opensource@gregorywolanski.com>
Date: Sun, 8 Jul 2018 14:34:46 +0200
Subject: [PATCH] Survey (#328)

Elements promoting the survey inside Maputnik after feedback
---
 src/components/modals/SurveyModal.jsx | 6 +++---
 src/styles/_components.scss           | 5 -----
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/modals/SurveyModal.jsx b/src/components/modals/SurveyModal.jsx
index 6ce5e7b4..e1ae021a 100644
--- a/src/components/modals/SurveyModal.jsx
+++ b/src/components/modals/SurveyModal.jsx
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types'
 import Button from '../Button'
 import Modal from './Modal'
 
-import Logo from './../../img/maputnik.png'
+import logoImage from 'maputnik-design/logos/logo-color.svg'
 
 class SurveyModal extends React.Component {
   static propTypes = {
@@ -28,10 +28,10 @@ class SurveyModal extends React.Component {
       title="Maputnik Survey"
     >
       <div className="maputnik-modal-survey">
-        <img className="maputnik-modal-survey__logo" src="./../../img/maputnik.png" alt="" width="128" />
+        <img className="maputnik-modal-survey__logo" src={logoImage} alt="" width="128" />
         <h1>You + Maputnik = Maputnik better for you</h1>
         <p className="maputnik-modal-survey__description">We don’t track you, so we don’t know how you use Maputnik. Help us make Maputnik better for you by completing a 7–minute survey carried out by our contributing designer.</p>
-        <Button onClick={this.onClick} className="maputnik-big-button maputnik-white-button maputnik-green-hover-button maputnik-wide-button">Take the Maputnik Survey</Button>
+        <Button onClick={this.onClick} className="maputnik-big-button maputnik-white-button maputnik-wide-button">Take the Maputnik Survey</Button>
         <p className="maputnik-modal-survey__footnote">It takes 7 minutes, tops! Every question is optional.</p>
       </div>
     </Modal>
diff --git a/src/styles/_components.scss b/src/styles/_components.scss
index 57db6379..74dfe413 100644
--- a/src/styles/_components.scss
+++ b/src/styles/_components.scss
@@ -80,11 +80,6 @@
   color: $color-black;
 }
 
-.maputnik-green-hover-button:hover, .maputnik-green-hover-button:focus {
-  background-color: $color-green;
-  color: $color-white;
-}
-
 .maputnik-white-button {
   background-color: $color-white;
   color: $color-black;