From 1d6c1b89f4f376db2562bd08eef616b050124821 Mon Sep 17 00:00:00 2001
From: Vladimir Volek <volek.vladimir@gmail.com>
Date: Sat, 25 Aug 2018 14:34:04 +0200
Subject: [PATCH] Removed P and move to paragraph

---
 src/js/components/Loader/index.js              |  4 ++--
 src/js/components/Log/index.js                 |  6 +++---
 src/js/components/P/index.js                   | 18 ------------------
 .../Landing/components/InstallBridge/index.js  |  9 +--------
 src/js/views/Wallet/views/Initialize/index.js  |  6 +++---
 5 files changed, 9 insertions(+), 34 deletions(-)
 delete mode 100644 src/js/components/P/index.js

diff --git a/src/js/components/Loader/index.js b/src/js/components/Loader/index.js
index c14de752..f8629f43 100644
--- a/src/js/components/Loader/index.js
+++ b/src/js/components/Loader/index.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import styled, { css, keyframes } from 'styled-components';
 import PropTypes from 'prop-types';
-import P from 'components/Paragraph';
+import Paragraph from 'components/Paragraph';
 import colors from 'config/colors';
 
 const Wrapper = styled.div`
@@ -71,7 +71,7 @@ const Loader = ({
         className={className}
         size={size}
     >
-        <P>{text}</P>
+        <Paragraph>{text}</Paragraph>
         <SvgWrapper viewBox="25 25 50 50">
             <CircleWrapper
                 cx="50"
diff --git a/src/js/components/Log/index.js b/src/js/components/Log/index.js
index 6247b32c..697caf90 100644
--- a/src/js/components/Log/index.js
+++ b/src/js/components/Log/index.js
@@ -6,7 +6,7 @@ import { connect } from 'react-redux';
 import colors from 'config/colors';
 import { H2 } from 'components/Heading';
 import Icon from 'components/Icon';
-import P from 'components/P';
+import Paragraph from 'components/Paragraph';
 
 import * as LogActions from 'actions/LogActions';
 import icons from 'config/icons';
@@ -50,7 +50,7 @@ const Textarea = styled.textarea`
     }
 `;
 
-const StyledP = styled(P)`
+const StyledParagraph = styled(Paragraph)`
     margin: 10px 0;
 `;
 
@@ -62,7 +62,7 @@ const Log = (props: Props): ?React$Element<string> => {
                 <Icon size={25} color={colors.INFO_PRIMARY} icon={icons.CLOSE} />
             </Click>
             <H2>Log</H2>
-            <StyledP>Attention: The log contains your XPUBs. Anyone with your XPUBs can see your account history.</StyledP>
+            <StyledParagraph>Attention: The log contains your XPUBs. Anyone with your XPUBs can see your account history.</StyledParagraph>
             <Textarea value={JSON.stringify(props.log.entries)} readOnly />
         </Wrapper>
     );
diff --git a/src/js/components/P/index.js b/src/js/components/P/index.js
deleted file mode 100644
index 0e49f301..00000000
--- a/src/js/components/P/index.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import styled from 'styled-components';
-import PropTypes from 'prop-types';
-import React from 'react';
-
-const Wrapper = styled.p`
-`;
-
-const P = ({ children, className }) => (
-    <Wrapper className={className}>{children}</Wrapper>
-);
-
-P.propTypes = {
-    className: PropTypes.string,
-    children: PropTypes.string.isRequired,
-};
-
-
-export default P;
diff --git a/src/js/views/Landing/components/InstallBridge/index.js b/src/js/views/Landing/components/InstallBridge/index.js
index b66f03a2..074cec7c 100644
--- a/src/js/views/Landing/components/InstallBridge/index.js
+++ b/src/js/views/Landing/components/InstallBridge/index.js
@@ -109,13 +109,7 @@ export default class InstallBridge extends Component<Props, State> {
 
         return (
             <InstallBridgeWrapper>
-                <TitleHeader>
-                    TREZOR Bridge.
-                    <BridgeVersion>
-                        Version {this.state.version}
-                    </BridgeVersion>
-                </TitleHeader>
-
+                <TitleHeader>TREZOR Bridge.<BridgeVersion>Version {this.state.version}</BridgeVersion></TitleHeader>
                 <P>New communication tool to facilitate the connection between your TREZOR and your internet browser.</P>
                 <DownloadBridgeWrapper>
                     <SelectWrapper
@@ -136,7 +130,6 @@ export default class InstallBridge extends Component<Props, State> {
                         />
                     </Link>
                 </DownloadBridgeWrapper>
-
                 <P>
                     <LearnMoreText>Learn more about latest version in</LearnMoreText>
                     <Link
diff --git a/src/js/views/Wallet/views/Initialize/index.js b/src/js/views/Wallet/views/Initialize/index.js
index b1a9a231..7afb4fa4 100644
--- a/src/js/views/Wallet/views/Initialize/index.js
+++ b/src/js/views/Wallet/views/Initialize/index.js
@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { H2 } from 'components/Heading';
 import Button from 'components/Button';
-import P from 'components/P';
+import Paragraph from 'components/Paragraph';
 import React from 'react';
 import { connect } from 'react-redux';
 
@@ -21,7 +21,7 @@ const Row = styled.div`
 
 const A = styled.a``;
 
-const StyledP = styled(P)`
+const StyledParagraph = styled(Paragraph)`
     margin: 20px 50px;
     display: block;
 `;
@@ -30,7 +30,7 @@ const Initialize = () => (
     <Wrapper>
         <Row>
             <H2>Your device is in not initialized</H2>
-            <StyledP>Please use Bitcoin wallet interface to start initialization process</StyledP>
+            <StyledParagraph>Please use Bitcoin wallet interface to start initialization process</StyledParagraph>
             <A href="https://wallet.trezor.io/">
                 <Button text="Take me to the Bitcoin wallet" />
             </A>