1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-12-23 23:48:07 +00:00

Removed P and move to paragraph

This commit is contained in:
Vladimir Volek 2018-08-25 14:34:04 +02:00
parent 6a29da8fd8
commit 1d6c1b89f4
5 changed files with 9 additions and 34 deletions

View File

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

View File

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

View File

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

View File

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

View File

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