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 Posting = artifacts.require("Posting"); |
|||
|
|||
module.exports = function(deployer) { |
|||
deployer.deploy(Posting).then(function() { |
|||
return deployer.deploy(Forum, Posting.address) |
|||
}); |
|||
deployer.deploy(Forum); |
|||
}; |
|||
|
|||
Loading…
Reference in new issue