diff --git a/src/js/views/Landing/components/BrowserNotSupported/index.js b/src/js/views/Landing/components/BrowserNotSupported/index.js new file mode 100644 index 00000000..e6a3d41d --- /dev/null +++ b/src/js/views/Landing/components/BrowserNotSupported/index.js @@ -0,0 +1,64 @@ +import React from 'react'; +import styled, { css } from 'styled-components'; +import Link from 'components/Link'; +import P from 'components/Paragraph'; +import { H2 } from 'components/Heading'; + +const Wrapper = styled.div``; + +const ChooseBrowserWrapper = styled.div` + display: flex; + justify-content: space-between; +`; + +const BrowserLogo = styled.div` + 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` + margin: 30px; + display: flex; + flex-direction: column; + align-items: center; +`; + +const BrowserNotSupported = () => ( + +

Your browser is not supported

+

Please choose one of the supported browsers

+ + + +

Google Chrome

+ +
+ + +

Mozzila Firefox

+ +
+
+
+); + +export default BrowserNotSupported;