diff --git a/index.html b/index.html index 3ede960..9c68c5e 100644 --- a/index.html +++ b/index.html @@ -64,7 +64,34 @@ }); flipside.multiTable("multiTable", { - title: { text: "Top Coins" } + assets: null, + columns: [ + "trend", + "userActivity", + "developerBehavior", + "marketMaturity", + "rank" + ], + exclusions: ["gas", "TRX"], + fontFamily: "inherit", + headers: {}, + limit: 10, + page: 1, + mode: "light", + rows: { + alternating: true, + alternatingColors: "#eeeeee", + dividers: false, + dividersColor: "#979797", + style: {} + }, + title: { + text: "Top Coins", + style: { fontSize: "24px", fontWeight: 400 } + }, + trend: { + changeOver: 7 + } }); diff --git a/src/api.ts b/src/api.ts index cf943d3..a9432f3 100644 --- a/src/api.ts +++ b/src/api.ts @@ -21,7 +21,11 @@ export default class API { ): Promise { let res; try { - res = await this.client.request({ url, method, params: params }); + res = await this.client.request({ + url, + method, + params: params + }); if (res.status >= 200 && res.status < 300) { return { data: res.data, success: true }; } @@ -62,6 +66,7 @@ export default class API { page: number; size?: number; metrics: string[]; + change_over: number; }) { return await this.client.post(`/assets/metrics`, payload); } diff --git a/src/multiTable/index.tsx b/src/multiTable/index.tsx index 808eef4..12fdf81 100644 --- a/src/multiTable/index.tsx +++ b/src/multiTable/index.tsx @@ -73,8 +73,8 @@ export type Props = { assets?: string[]; exclusions?: string[]; autoWidth?: boolean; - size?: number; limit?: number; + page?: number; columns?: ColumnName[]; fontFamily?: string; title?: { @@ -82,7 +82,6 @@ export type Props = { style?: object; }; trend?: { - enabled?: boolean; changeOver?: number; }; headers?: { @@ -130,7 +129,8 @@ export default class MultiTable extends Component { static defaultProps = { mode: "light", - size: 10, + limit: 10, + page: 1, sortBy: "fcas", fontFamily: "inherit", columns: [ @@ -142,6 +142,9 @@ export default class MultiTable extends Component { ], rows: { alternating: true + }, + trend: { + changeOver: 7 } }; @@ -153,11 +156,12 @@ export default class MultiTable extends Component { const res = await this.props.api.fetchMetrics({ assets: this.props.assets, exclusions: this.props.exclusions, - page: 1, - size: 10, + page: this.props.page, + size: this.props.limit, sort_by: COLUMNS[this.state.sortColumn].sortKey, sort_desc: true, - metrics: ["fcas", "utility", "dev", "market-maturity"] + metrics: ["fcas", "utility", "dev", "market-maturity"], + change_over: this.props.trend.changeOver }); this.setState({ loading: false,