From c0eb30f83c42262317dcfbb8eeca4cef302c3258 Mon Sep 17 00:00:00 2001
From: Vladimir Volek <vladimir.volek@satoshilabs.com>
Date: Wed, 26 Sep 2018 12:17:03 +0200
Subject: [PATCH] Import images properly

---
 .../components/BrowserNotSupported/index.js     | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/views/Landing/components/BrowserNotSupported/index.js b/src/views/Landing/components/BrowserNotSupported/index.js
index e5f0f51e..e9cc2f62 100644
--- a/src/views/Landing/components/BrowserNotSupported/index.js
+++ b/src/views/Landing/components/BrowserNotSupported/index.js
@@ -1,10 +1,13 @@
 import React from 'react';
-import styled, { css } from 'styled-components';
+import styled from 'styled-components';
 import Link from 'components/Link';
 import Button from 'components/Button';
 import P from 'components/Paragraph';
 import { H2 } from 'components/Heading';
 
+import ChromeImage from 'images/browser-chrome.png';
+import FirefoxImage from 'images/browser-firefox.png';
+
 const Wrapper = styled.div``;
 
 const ChooseBrowserWrapper = styled.div`
@@ -12,16 +15,10 @@ const ChooseBrowserWrapper = styled.div`
     justify-content: space-between;
 `;
 
-const BrowserLogo = styled.div`
+const BrowserLogo = styled.img`
     margin-bottom: 10px;
     width: 43px;
     height: 43px;
-    ${props => props.isChrome && css`
-        background-image: url('../images/browser-chrome.png');
-    `}
-    ${props => props.isFirefox && css`
-        background-image: url('../images/browser-firefox.png');
-    `}
 `;
 
 const Browser = styled.div`
@@ -37,7 +34,7 @@ const BrowserNotSupported = () => (
         <P>Please choose one of the supported browsers</P>
         <ChooseBrowserWrapper>
             <Browser>
-                <BrowserLogo isChrome />
+                <BrowserLogo src={ChromeImage} />
                 <P isSmaller>Google Chrome</P>
                 <Link
                     href="https://www.google.com/chrome/"
@@ -48,7 +45,7 @@ const BrowserNotSupported = () => (
                 </Link>
             </Browser>
             <Browser>
-                <BrowserLogo isFirefox />
+                <BrowserLogo src={FirefoxImage} />
                 <P isSmaller>Mozzila Firefox</P>
                 <Link
                     href="https://www.mozilla.org/en-US/firefox/new/"