mirror of
https://github.com/ascribe/onion.git
synced 2024-12-31 17:17:48 +01:00
Add Lumenus landing page
This commit is contained in:
parent
84e8e4612f
commit
e85747144a
@ -0,0 +1,82 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
import Button from 'react-bootstrap/lib/Button';
|
||||||
|
import LinkContainer from 'react-router-bootstrap/lib/LinkContainer';
|
||||||
|
|
||||||
|
import WhitelabelActions from '../../../../../actions/whitelabel_actions';
|
||||||
|
import WhitelabelStore from '../../../../../stores/whitelabel_store';
|
||||||
|
|
||||||
|
import { mergeOptions } from '../../../../../utils/general_utils';
|
||||||
|
import { getLangText } from '../../../../../utils/lang_utils';
|
||||||
|
import { setDocumentTitle } from '../../../../../utils/dom_utils';
|
||||||
|
|
||||||
|
|
||||||
|
let LumenusLanding = React.createClass({
|
||||||
|
|
||||||
|
getInitialState() {
|
||||||
|
return mergeOptions(
|
||||||
|
WhitelabelStore.getState()
|
||||||
|
);
|
||||||
|
},
|
||||||
|
|
||||||
|
componentDidMount() {
|
||||||
|
WhitelabelStore.listen(this.onChange);
|
||||||
|
WhitelabelActions.fetchWhitelabel();
|
||||||
|
},
|
||||||
|
|
||||||
|
componentWillUnmount() {
|
||||||
|
WhitelabelStore.unlisten(this.onChange);
|
||||||
|
},
|
||||||
|
|
||||||
|
onChange(state) {
|
||||||
|
this.setState(state);
|
||||||
|
},
|
||||||
|
|
||||||
|
render() {
|
||||||
|
setDocumentTitle('Lumenus Marketplace');
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="container ascribe-form-wrapper">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-xs-12 wp-landing-wrapper">
|
||||||
|
<div className="row" style={{border: '1px solid #CCC', padding: '2em'}}>
|
||||||
|
<img src={this.state.whitelabel.logo} width="150px"/>
|
||||||
|
<div style={{marginTop: '1em'}}>
|
||||||
|
{getLangText('Artwork from the Lumenus Marketplace is powered by') + ' '}
|
||||||
|
<span>
|
||||||
|
<span className="icon-ascribe-logo"></span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="row" style={{border: '1px solid #CCC', borderTop: 'none', padding: '2em'}}>
|
||||||
|
<div className="col-sm-6">
|
||||||
|
<p>
|
||||||
|
{getLangText('Existing ascribe user?')}
|
||||||
|
</p>
|
||||||
|
<LinkContainer to="/login">
|
||||||
|
<Button>
|
||||||
|
{getLangText('Log in')}
|
||||||
|
</Button>
|
||||||
|
</LinkContainer>
|
||||||
|
</div>
|
||||||
|
<div className="col-sm-6">
|
||||||
|
<p>
|
||||||
|
{getLangText('Do you need an account?')}
|
||||||
|
</p>
|
||||||
|
<LinkContainer to="/signup">
|
||||||
|
<Button>
|
||||||
|
{getLangText('Sign up')}
|
||||||
|
</Button>
|
||||||
|
</LinkContainer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
export default LumenusLanding;
|
@ -29,6 +29,7 @@ import IkonotvRegisterPiece from './components/ikonotv/ikonotv_register_piece';
|
|||||||
import IkonotvPieceContainer from './components/ikonotv/ikonotv_detail/ikonotv_piece_container';
|
import IkonotvPieceContainer from './components/ikonotv/ikonotv_detail/ikonotv_piece_container';
|
||||||
import IkonotvContractNotifications from './components/ikonotv/ikonotv_contract_notifications';
|
import IkonotvContractNotifications from './components/ikonotv/ikonotv_contract_notifications';
|
||||||
|
|
||||||
|
import LumenusLanding from './components/lumenus/lumenus_landing';
|
||||||
import LumenusPieceList from './components/lumenus/lumenus_piece_list';
|
import LumenusPieceList from './components/lumenus/lumenus_piece_list';
|
||||||
import LumenusRegisterPiece from './components/lumenus/lumenus_register_piece';
|
import LumenusRegisterPiece from './components/lumenus/lumenus_register_piece';
|
||||||
import LumenusPieceContainer from './components/lumenus/lumenus_detail/lumenus_piece_container';
|
import LumenusPieceContainer from './components/lumenus/lumenus_detail/lumenus_piece_container';
|
||||||
@ -157,6 +158,7 @@ let ROUTES = {
|
|||||||
),
|
),
|
||||||
'lumenus': (
|
'lumenus': (
|
||||||
<Route path='/' component={WalletApp}>
|
<Route path='/' component={WalletApp}>
|
||||||
|
<IndexRoute component={AuthProxyHandler({to: '/collection', when: 'loggedIn'})(LumenusLanding)} />
|
||||||
<Route
|
<Route
|
||||||
path='login'
|
path='login'
|
||||||
component={AuthProxyHandler({to: '/collection', when: 'loggedIn'})(LoginContainer)} />
|
component={AuthProxyHandler({to: '/collection', when: 'loggedIn'})(LoginContainer)} />
|
||||||
|
Loading…
Reference in New Issue
Block a user