revert wrapping with Content component

pull/304/head
slowbackspace 5 years ago
parent 0be0c918de
commit 313b40c546

@ -2,13 +2,13 @@ import styled from 'styled-components';
import { H1 } from 'components/Heading'; import { H1 } from 'components/Heading';
import Button from 'components/Button'; import Button from 'components/Button';
import Paragraph from 'components/Paragraph'; import Paragraph from 'components/Paragraph';
import Content from 'views/Wallet/components/Content';
import React from 'react'; import React from 'react';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
const Wrapper = styled.div` const Wrapper = styled.div`
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 40px 35px 40px 35px;
`; `;
const Row = styled.div` const Row = styled.div`
@ -26,17 +26,15 @@ const StyledParagraph = styled(Paragraph)`
`; `;
const Initialize = () => ( const Initialize = () => (
<Content> <Wrapper>
<Wrapper> <Row>
<Row> <H1>Your device is in not initialized</H1>
<H1>Your device is in not initialized</H1> <StyledParagraph>Please use Bitcoin wallet interface to start initialization process</StyledParagraph>
<StyledParagraph>Please use Bitcoin wallet interface to start initialization process</StyledParagraph> <A href="https://beta-wallet.trezor.io/">
<A href="https://beta-wallet.trezor.io/"> <Button>Take me to the Bitcoin wallet</Button>
<Button>Take me to the Bitcoin wallet</Button> </A>
</A> </Row>
</Row> </Wrapper>
</Wrapper>
</Content>
); );
export default connect(null, null)(Initialize); export default connect(null, null)(Initialize);

@ -1,7 +1,6 @@
import styled from 'styled-components'; import styled from 'styled-components';
import { H1 } from 'components/Heading'; import { H1 } from 'components/Heading';
import Paragraph from 'components/Paragraph'; import Paragraph from 'components/Paragraph';
import Content from 'views/Wallet/components/Content';
import React from 'react'; import React from 'react';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
@ -9,6 +8,7 @@ import { connect } from 'react-redux';
const Wrapper = styled.div` const Wrapper = styled.div`
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 40px 35px 40px 35px;
`; `;
const Row = styled.div` const Row = styled.div`
@ -24,14 +24,12 @@ const StyledParagraph = styled(Paragraph)`
`; `;
const Seedless = () => ( const Seedless = () => (
<Content> <Wrapper>
<Wrapper> <Row>
<Row> <H1>Device is in seedless mode</H1>
<H1>Device is in seedless mode</H1> <StyledParagraph>It&apos;s not suitable to use this service.</StyledParagraph>
<StyledParagraph>It&apos;s not suitable to use this service.</StyledParagraph> </Row>
</Row> </Wrapper>
</Wrapper>
</Content>
); );
export default connect(null, null)(Seedless); export default connect(null, null)(Seedless);

Loading…
Cancel
Save