1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-12-25 00:18: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 React from 'react';
import styled, { css, keyframes } from 'styled-components'; import styled, { css, keyframes } from 'styled-components';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import P from 'components/Paragraph'; import Paragraph from 'components/Paragraph';
import colors from 'config/colors'; import colors from 'config/colors';
const Wrapper = styled.div` const Wrapper = styled.div`
@ -71,7 +71,7 @@ const Loader = ({
className={className} className={className}
size={size} size={size}
> >
<P>{text}</P> <Paragraph>{text}</Paragraph>
<SvgWrapper viewBox="25 25 50 50"> <SvgWrapper viewBox="25 25 50 50">
<CircleWrapper <CircleWrapper
cx="50" cx="50"

View File

@ -6,7 +6,7 @@ import { connect } from 'react-redux';
import colors from 'config/colors'; import colors from 'config/colors';
import { H2 } from 'components/Heading'; import { H2 } from 'components/Heading';
import Icon from 'components/Icon'; import Icon from 'components/Icon';
import P from 'components/P'; import Paragraph from 'components/Paragraph';
import * as LogActions from 'actions/LogActions'; import * as LogActions from 'actions/LogActions';
import icons from 'config/icons'; import icons from 'config/icons';
@ -50,7 +50,7 @@ const Textarea = styled.textarea`
} }
`; `;
const StyledP = styled(P)` const StyledParagraph = styled(Paragraph)`
margin: 10px 0; margin: 10px 0;
`; `;
@ -62,7 +62,7 @@ const Log = (props: Props): ?React$Element<string> => {
<Icon size={25} color={colors.INFO_PRIMARY} icon={icons.CLOSE} /> <Icon size={25} color={colors.INFO_PRIMARY} icon={icons.CLOSE} />
</Click> </Click>
<H2>Log</H2> <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 /> <Textarea value={JSON.stringify(props.log.entries)} readOnly />
</Wrapper> </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 ( return (
<InstallBridgeWrapper> <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> <P>New communication tool to facilitate the connection between your TREZOR and your internet browser.</P>
<DownloadBridgeWrapper> <DownloadBridgeWrapper>
<SelectWrapper <SelectWrapper
@ -136,7 +130,6 @@ export default class InstallBridge extends Component<Props, State> {
/> />
</Link> </Link>
</DownloadBridgeWrapper> </DownloadBridgeWrapper>
<P> <P>
<LearnMoreText>Learn more about latest version in</LearnMoreText> <LearnMoreText>Learn more about latest version in</LearnMoreText>
<Link <Link

View File

@ -1,7 +1,7 @@
import styled from 'styled-components'; import styled from 'styled-components';
import { H2 } from 'components/Heading'; import { H2 } from 'components/Heading';
import Button from 'components/Button'; import Button from 'components/Button';
import P from 'components/P'; import Paragraph from 'components/Paragraph';
import React from 'react'; import React from 'react';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
@ -21,7 +21,7 @@ const Row = styled.div`
const A = styled.a``; const A = styled.a``;
const StyledP = styled(P)` const StyledParagraph = styled(Paragraph)`
margin: 20px 50px; margin: 20px 50px;
display: block; display: block;
`; `;
@ -30,7 +30,7 @@ const Initialize = () => (
<Wrapper> <Wrapper>
<Row> <Row>
<H2>Your device is in not initialized</H2> <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/"> <A href="https://wallet.trezor.io/">
<Button text="Take me to the Bitcoin wallet" /> <Button text="Take me to the Bitcoin wallet" />
</A> </A>