Removed P and move to paragraph

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"

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>
     );

src/js/components/P/index.js

@@ -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;

src/js/views/Landing/components/InstallBridge/index.js

@@ -109,13 +109,7 @@ export default class InstallBridge extends Component<Props, State> {
 
         return (
             <InstallBridgeWrapper>
-                <TitleHeader>
+                <TitleHeader>TREZOR Bridge.<BridgeVersion>Version {this.state.version}</BridgeVersion></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

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>