mirror of https://gitlab.com/ecentrics/concordia
Ezerous
6 years ago
19 changed files with 362 additions and 129 deletions
@ -0,0 +1,107 @@ |
|||||
|
import React, { Children, Component } from 'react'; |
||||
|
import { connect } from 'react-redux'; |
||||
|
import ipfs_logo from '../assets/images/ipfs_logo.png'; |
||||
|
|
||||
|
|
||||
|
//TODO: Add OrbitDB Loading thingy
|
||||
|
class LoadingContainer extends Component { |
||||
|
render() { |
||||
|
if (this.props.web3.status === 'failed' || !this.props.web3.networkId) { |
||||
|
|
||||
|
//TODO: wtf is this
|
||||
|
if (this.props.errorComp) |
||||
|
return this.props.errorComp; |
||||
|
|
||||
|
return ( |
||||
|
<main className="container loading-screen"> |
||||
|
<div className="pure-g"> |
||||
|
<div className="pure-u-1-1"> |
||||
|
<h1><span role="img" aria-label="Fox Face">🦊</span></h1> |
||||
|
<p><strong>This browser has no connection to the Ethereum network.</strong></p> |
||||
|
<p> |
||||
|
Please make sure that: |
||||
|
<ul> |
||||
|
<li>You use MetaMask or a dedicated Ethereum browser (e.g. Mist or Parity)</li> |
||||
|
<li>They are pointed to the correct network</li> |
||||
|
<li>Your account is unlocked and the app has the rights to access it</li> |
||||
|
</ul> |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</main> |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
if (this.props.web3.status === 'initialized' && Object.keys(this.props.accounts).length === 0) { |
||||
|
return( |
||||
|
<main className="loading-screen"> |
||||
|
<div> |
||||
|
<div> |
||||
|
<h1><span role="img" aria-label="Fox Face">🦊</span></h1> |
||||
|
<p><strong>We can't find any Ethereum accounts!</strong>.</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</main> |
||||
|
) |
||||
|
} |
||||
|
|
||||
|
if (!this.props.contractInitialized) { |
||||
|
return( |
||||
|
<main className="loading-screen"> |
||||
|
<div> |
||||
|
<div> |
||||
|
<h1><span role="img" aria-label="Gear">⚙</span></h1> |
||||
|
<p><strong>Initializing contracts...</strong></p> |
||||
|
<p>If this takes too long please make sure they are deployed to the network.</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</main> |
||||
|
) |
||||
|
} |
||||
|
|
||||
|
if (!this.props.ipfsInitialized) { |
||||
|
return( |
||||
|
<main className="loading-screen"> |
||||
|
<div> |
||||
|
<div> |
||||
|
<img src={ipfs_logo} alt="ipfs_logo" height="50"/> |
||||
|
<p><strong>Initializing IPFS...</strong></p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</main> |
||||
|
) |
||||
|
} |
||||
|
|
||||
|
//TODO: wtf is this
|
||||
|
if (this.props.drizzleStatus.initialized) |
||||
|
return Children.only(this.props.children); |
||||
|
|
||||
|
//TODO: wtf is this
|
||||
|
if (this.props.loadingComp) |
||||
|
return this.props.loadingComp; |
||||
|
|
||||
|
return( |
||||
|
<main className="container loading-screen"> |
||||
|
<div> |
||||
|
<div> |
||||
|
<h1><span role="img" aria-label="Gear">⚙</span></h1> |
||||
|
<p>Loading dapp...</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</main> |
||||
|
) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
const mapStateToProps = state => { |
||||
|
return { |
||||
|
accounts: state.accounts, |
||||
|
drizzleStatus: state.drizzleStatus, |
||||
|
web3: state.web3, |
||||
|
ipfsInitialized: state.orbit.ipfsInitialized, |
||||
|
contractInitialized: state.contracts.Forum.initialized |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
export default connect(mapStateToProps)(LoadingContainer); |
||||
|
|
||||
@ -0,0 +1,22 @@ |
|||||
|
import { put, takeEvery } from 'redux-saga/effects'; |
||||
|
|
||||
|
const EVENT_FIRED = 'EVENT_FIRED'; // This is fired internally by drizzle
|
||||
|
const CONTRACT_EVENT_FIRED = 'CONTRACT_EVENT_FIRED'; |
||||
|
|
||||
|
let eventSet = new Set(); |
||||
|
|
||||
|
// Entire purpose of this saga is to bypass a strange bug where EVENT_FIRED is called
|
||||
|
// multiple times for the same event
|
||||
|
function* sanitizeEvent(action) { |
||||
|
const size = eventSet.size; |
||||
|
eventSet.add(action.event.transactionHash + action.name); |
||||
|
if(eventSet.size>size) |
||||
|
yield put({ ...action, type: CONTRACT_EVENT_FIRED }); |
||||
|
} |
||||
|
|
||||
|
function* eventSaga() { |
||||
|
yield takeEvery(EVENT_FIRED, sanitizeEvent); |
||||
|
} |
||||
|
|
||||
|
export default eventSaga; |
||||
|
export { CONTRACT_EVENT_FIRED } |
||||
@ -1,8 +1,5 @@ |
|||||
const Forum = artifacts.require("Forum"); |
const Forum = artifacts.require("Forum"); |
||||
const Posting = artifacts.require("Posting"); |
|
||||
|
|
||||
module.exports = function(deployer) { |
module.exports = function(deployer) { |
||||
deployer.deploy(Posting).then(function() { |
deployer.deploy(Forum); |
||||
return deployer.deploy(Forum, Posting.address) |
|
||||
}); |
|
||||
}; |
}; |
||||
|
|||||
Loading…
Reference in new issue