diff --git a/src/js/components/P/index.js b/src/js/components/P/index.js new file mode 100644 index 00000000..0e49f301 --- /dev/null +++ b/src/js/components/P/index.js @@ -0,0 +1,18 @@ +import styled from 'styled-components'; +import PropTypes from 'prop-types'; +import React from 'react'; + +const Wrapper = styled.p` +`; + +const P = ({ children, className }) => ( + {children} +); + +P.propTypes = { + className: PropTypes.string, + children: PropTypes.string.isRequired, +}; + + +export default P; diff --git a/src/js/views/Wallet/views/Initialize/index.js b/src/js/views/Wallet/views/Initialize/index.js index 47ec5d8b..b1a9a231 100644 --- a/src/js/views/Wallet/views/Initialize/index.js +++ b/src/js/views/Wallet/views/Initialize/index.js @@ -1,17 +1,41 @@ -/* @flow */ +import styled from 'styled-components'; import { H2 } from 'components/Heading'; +import Button from 'components/Button'; +import P from 'components/P'; import React from 'react'; -import { bindActionCreators } from 'redux'; import { connect } from 'react-redux'; +const Wrapper = styled.div` + display: flex; + flex: 1; + justify-content: center; + align-items: center; +`; + +const Row = styled.div` + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +`; + +const A = styled.a``; + +const StyledP = styled(P)` + margin: 20px 50px; + display: block; +`; + const Initialize = () => ( - - + + Your device is in not initialized - Please use Bitcoin wallet interface to start initialization process - Take me to the Bitcoin wallet - - + Please use Bitcoin wallet interface to start initialization process + + + + + ); export default connect(null, null)(Initialize);
Please use Bitcoin wallet interface to start initialization process