-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.js
67 lines (54 loc) · 1.62 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
import React, { Component } from 'react';
import { withRouter } from 'react-router-dom';
import { dataSources, getClient } from '../../libs/ocap';
import Layout from '../../components/Layout';
import Loading from '../../components/Loading';
import './style.css';
class QueryDemo extends Component {
constructor(props) {
super(props);
this.state = {
dataSource: dataSources[0],
summary: null,
message: null,
timestamp: null,
loading: false,
};
console.log(getClient(this.state.dataSource.name));
}
async componentDidMount() {
this.setState({ loading: true });
const client = getClient(this.state.dataSource.name);
const summary = await client.accountByAddress({
address: this.state.dataSource.demoAddress,
});
this.setState({ loading: false, summary });
}
render() {
const { loading, summary, dataSource } = this.state;
return (
<Layout>
<h2>Query Demo</h2>
<p className="alert">Open BROWSER CONSOLE to view methods provided by OCAPClient.</p>
{loading && (
<p>
Loading account summary for {dataSource.name.toUpperCase()} account:{' '}
{dataSource.demoAddress}
</p>
)}
{loading && <Loading />}
{loading || (
<div>
<p>
Account summary for {dataSource.name.toUpperCase()} account: {dataSource.demoAddress}
</p>
<pre>
<code>{JSON.stringify(summary, true, ' ')}</code>
</pre>
</div>
)}
</Layout>
);
}
}
export default withRouter(QueryDemo);