diff --git a/src/components/cases-list-card.js b/src/components/cases-list-card.js index 37bf3c2..fcc8b73 100644 --- a/src/components/cases-list-card.js +++ b/src/components/cases-list-card.js @@ -40,17 +40,17 @@ const StyledHourglass = styled(Hourglass)` const CasesListCard = () => { const { cacheCall, useCacheEvents } = useDrizzle() const drizzleState = useDrizzleState(drizzleState => ({ - accounts: drizzleState.accounts + account: drizzleState.accounts[0] })) const draws = useCacheEvents( 'KlerosLiquid', 'Draw', useMemo( () => ({ - filter: { _address: drizzleState.accounts[0] }, + filter: { _address: drizzleState.account }, fromBlock: 0 }), - [drizzleState.accounts[0]] + [drizzleState.account] ) ) const disputes = draws diff --git a/src/components/court-card.js b/src/components/court-card.js index 9e55bc1..39d760e 100644 --- a/src/components/court-card.js +++ b/src/components/court-card.js @@ -43,7 +43,7 @@ const StyledAmountDiv = styled.div` const CourtCard = ({ ID }) => { const { cacheCall } = useDrizzle() const drizzleState = useDrizzleState(drizzleState => ({ - accounts: drizzleState.accounts + account: drizzleState.accounts[0] })) const load = useDataloader() let name @@ -52,12 +52,7 @@ const CourtCard = ({ ID }) => { const policyJSON = load(policy.fileURI) if (policyJSON) name = policyJSON.name } - const stake = cacheCall( - 'KlerosLiquid', - 'stakeOf', - drizzleState.accounts[0], - ID - ) + const stake = cacheCall('KlerosLiquid', 'stakeOf', drizzleState.account, ID) const subcourt = cacheCall('KlerosLiquid', 'courts', ID) return ( { const { cacheCall } = useDrizzle() const drizzleState = useDrizzleState(drizzleState => ({ - accounts: drizzleState.accounts + account: drizzleState.accounts[0] })) const load = useDataloader() const subcourtIDs = cacheCall( 'KlerosLiquid', 'getJuror', - drizzleState.accounts[0] + drizzleState.account ) const names = subcourtIDs && diff --git a/src/components/identicon.js b/src/components/identicon.js index a9f1ff4..e207efb 100644 --- a/src/components/identicon.js +++ b/src/components/identicon.js @@ -16,19 +16,18 @@ const StyledReactBlockies = styled(ReactBlockies)` const Identicon = ({ large, pinakion }) => { const { cacheCall } = useDrizzle() const drizzleState = useDrizzleState(drizzleState => ({ - accountBalances: drizzleState.accountBalances, - accounts: drizzleState.accounts, - contracts: drizzleState.contracts + account: drizzleState.accounts[0], + balance: drizzleState.accountBalances[drizzleState.accounts[0]] })) let PNK if (pinakion) - PNK = cacheCall('MiniMeTokenERC20', 'balanceOf', drizzleState.accounts[0]) + PNK = cacheCall('MiniMeTokenERC20', 'balanceOf', drizzleState.account) const content = ( @@ -42,30 +41,20 @@ const Identicon = ({ large, pinakion }) => { } + description={} title="Address" /> + } title="ETH" /> {pinakion && ( - + } diff --git a/src/components/notification-settings.js b/src/components/notification-settings.js index 08184cd..f277cb5 100644 --- a/src/components/notification-settings.js +++ b/src/components/notification-settings.js @@ -9,7 +9,7 @@ const NotificationSettingsForm = Form.create()( styled(({ className, form, settings: { key, ...settings } }) => { const { drizzle } = useDrizzle() const drizzleState = useDrizzleState(drizzleState => ({ - accounts: drizzleState.accounts + account: drizzleState.accounts[0] })) const [status, setStatus] = useState() return ( @@ -43,11 +43,11 @@ const NotificationSettingsForm = Form.create()( { body: JSON.stringify({ payload: { - address: drizzleState.accounts[0], + address: drizzleState.account, settings, signature: await drizzle.web3.eth.personal.sign( JSON.stringify(settings), - drizzleState.accounts[0] + drizzleState.account ) } }), @@ -63,7 +63,7 @@ const NotificationSettingsForm = Form.create()( } }) }, - [form.validateFieldsAndScroll, drizzleState.accounts[0]] + [form.validateFieldsAndScroll, drizzleState.account] )} > I wish to be notified when: diff --git a/src/components/pnk-balance-card.js b/src/components/pnk-balance-card.js index d5dc7f4..a3ea108 100644 --- a/src/components/pnk-balance-card.js +++ b/src/components/pnk-balance-card.js @@ -1,4 +1,4 @@ -import { Card, Col, Row, Spin } from 'antd' +import { Card, Col, Row } from 'antd' import { useDrizzle, useDrizzleState } from '../temp/drizzle-react-hooks' import ETHAddress from './eth-address' import ETHAmount from './eth-amount' @@ -51,97 +51,83 @@ const StyledSectionArrowBackground = styled(SectionArrowBackground)` const PNKBalanceCard = () => { const { cacheCall } = useDrizzle() const drizzleState = useDrizzleState(drizzleState => ({ - accountBalances: drizzleState.accountBalances, - accounts: drizzleState.accounts, - contracts: drizzleState.contracts + account: drizzleState.accounts[0], + balance: drizzleState.accountBalances[drizzleState.accounts[0]] })) - const juror = cacheCall('KlerosLiquid', 'jurors', drizzleState.accounts[0]) + const juror = cacheCall('KlerosLiquid', 'jurors', drizzleState.account) return ( - - - - - - - - - - - - + + + + + + + + + + + + {' '} + PNK + + + ETH + + + + + + + You have + + PNK + + + Staked{' '} + {' '} PNK - - + + } + /> + + + + You have + + PNK + + + Locked{' '} + {' '} - ETH - - - - - - - You have - - PNK - - - Staked{' '} - - {' '} - PNK - - } - /> - - - - You have - - PNK - - - Locked{' '} - - {' '} - PNK - - } - /> - - - - - + PNK + + } + /> + + + + ) } diff --git a/src/components/pnk-stats-list-card.js b/src/components/pnk-stats-list-card.js index 0d9c225..5e3dee8 100644 --- a/src/components/pnk-stats-list-card.js +++ b/src/components/pnk-stats-list-card.js @@ -20,13 +20,13 @@ const StyledTitleSpan = styled.span` const PNKStatsListCard = () => { const { cacheCall, drizzle, useCacheEvents } = useDrizzle() const drizzleState = useDrizzleState(drizzleState => ({ - accounts: drizzleState.accounts + account: drizzleState.accounts[0] })) const load = useDataloader() const subcourtIDs = cacheCall( 'KlerosLiquid', 'getJuror', - drizzleState.accounts[0] + drizzleState.account ) const subcourts = subcourtIDs && @@ -35,7 +35,7 @@ const PNKStatsListCard = () => { subcourt.stake = cacheCall( 'KlerosLiquid', 'stakeOf', - drizzleState.accounts[0], + drizzleState.account, ID ) const policy = cacheCall('PolicyRegistry', 'policies', ID) @@ -52,10 +52,10 @@ const PNKStatsListCard = () => { 'Draw', useMemo( () => ({ - filter: { _address: drizzleState.accounts[0] }, + filter: { _address: drizzleState.account }, fromBlock: 0 }), - [drizzleState.accounts[0]] + [drizzleState.account] ) ) const disputes = draws diff --git a/src/containers/courts.js b/src/containers/courts.js index 572ec44..f96c8aa 100644 --- a/src/containers/courts.js +++ b/src/containers/courts.js @@ -7,12 +7,12 @@ import TopBanner from '../components/top-banner' export default () => { const { cacheCall } = useDrizzle() const drizzleState = useDrizzleState(drizzleState => ({ - accounts: drizzleState.accounts + account: drizzleState.accounts[0] })) const subcourtIDs = cacheCall( 'KlerosLiquid', 'getJuror', - drizzleState.accounts[0] + drizzleState.account ) return ( <> diff --git a/src/temp/drizzle-react-hooks.js b/src/temp/drizzle-react-hooks.js index c9d66b3..cb737ba 100644 --- a/src/temp/drizzle-react-hooks.js +++ b/src/temp/drizzle-react-hooks.js @@ -121,13 +121,13 @@ export const Initializer = ({ loadingWeb3 }) => { const drizzleState = useDrizzleState(drizzleState => ({ - drizzleStatus: drizzleState.drizzleStatus, - web3: drizzleState.web3 + drizzleStatusInitialized: drizzleState.drizzleStatus.initialized, + web3Status: drizzleState.web3.status })) - if (drizzleState.drizzleStatus.initialized) return children - if (drizzleState.web3.status === 'initialized') + if (drizzleState.drizzleStatusInitialized) return children + if (drizzleState.web3Status === 'initialized') return loadingContractsAndAccounts - if (drizzleState.web3.status === 'failed') return error + if (drizzleState.web3Status === 'failed') return error return loadingWeb3 }