Adjust jsx templtes to new components

src/components/Footer/index.js

@@ -18,7 +18,7 @@ const Wrapper = styled.div`
     display: flex;
 `;
 
-const LinkWrapper = styled(Link)`
+const StyledLink = styled(Link)`
     margin: 0 6px;
     margin-right: 20px;
 `;
@@ -30,9 +30,9 @@ const Copy = styled.div`
 const Footer = ({ toggle }) => (
     <Wrapper>
         <Copy>&copy; {getYear(new Date())}</Copy>
-        <LinkWrapper href="http://satoshilabs.com" target="_blank" rel="noreferrer noopener" className="satoshi" isGreen>SatoshiLabs</LinkWrapper>
+        <StyledLink href="http://satoshilabs.com" target="_blank" rel="noreferrer noopener" className="satoshi" isGreen>SatoshiLabs</StyledLink>
-        <LinkWrapper href="tos.pdf" target="_blank" rel="noreferrer noopener" isGreen>Terms</LinkWrapper>
+        <StyledLink href="tos.pdf" target="_blank" rel="noreferrer noopener" isGreen>Terms</StyledLink>
-        <LinkWrapper onClick={toggle} isGreen>Show Log</LinkWrapper>
+        <StyledLink onClick={toggle} isGreen>Show Log</StyledLink>
     </Wrapper>
 );
 

src/components/Header/index.js

@@ -1,5 +1,6 @@
 /* @flow */
 import React from 'react';
+import Link from 'components/Link';
 import styled from 'styled-components';
 
 import colors from 'config/colors';
@@ -32,7 +33,7 @@ const LayoutWrapper = styled.div`
     }
 `;
 
-const A = styled.a`
+const A = styled(Link)`
     color: ${colors.WHITE};
     margin-left: 24px;
 

src/components/modals/index.js

@@ -90,9 +90,7 @@ class Modal extends Component<Props> {
     render() {
         if (!this.props.modal.opened) return null;
 
-        const { opened } = this.props.modal;
+        const { opened, windowType } = this.props.modal;
-
-        const windowType = UI.REQUEST_PIN;
 
         let component = null;
         switch (windowType) {