|
@@ -1,100 +1,102 @@
|
|
|
import React from "react";
|
|
|
-import { Link } from "react-router-dom";
|
|
|
-import { Council } from "..";
|
|
|
+import {Link} from "react-router-dom";
|
|
|
+import {Council} from "..";
|
|
|
import Forum from "./Forum";
|
|
|
import Proposals from "./Proposals";
|
|
|
import Validators from "../Validators";
|
|
|
-import { IState } from "../../types";
|
|
|
+import {IState} from "../../types";
|
|
|
|
|
|
interface IProps extends IState {
|
|
|
- toggleStar: (a: string) => void;
|
|
|
- toggleFooter: () => void;
|
|
|
+ toggleStar: (a: string) => void;
|
|
|
+ toggleFooter: () => void;
|
|
|
}
|
|
|
|
|
|
const Dashboard = (props: IProps) => {
|
|
|
- const {
|
|
|
- toggleStar,
|
|
|
- councils,
|
|
|
- handles,
|
|
|
- members,
|
|
|
- nominators,
|
|
|
- posts,
|
|
|
- proposals,
|
|
|
- rewardPoints,
|
|
|
- threads,
|
|
|
- tokenomics,
|
|
|
- status,
|
|
|
- stars,
|
|
|
- stashes,
|
|
|
- stakes,
|
|
|
- validators,
|
|
|
- } = props;
|
|
|
+ const {
|
|
|
+ toggleStar,
|
|
|
+ councils,
|
|
|
+ handles,
|
|
|
+ members,
|
|
|
+ nominators,
|
|
|
+ posts,
|
|
|
+ proposals,
|
|
|
+ rewardPoints,
|
|
|
+ threads,
|
|
|
+ tokenomics,
|
|
|
+ status,
|
|
|
+ stars,
|
|
|
+ stashes,
|
|
|
+ stakes,
|
|
|
+ validators,
|
|
|
+ domain
|
|
|
+ } = props;
|
|
|
|
|
|
- return (
|
|
|
- <>
|
|
|
- <div className="w-100 flex-grow-1 d-flex align-items-center justify-content-center d-flex flex-column pb-5">
|
|
|
- <div className="back bg-warning d-flex flex-column p-2">
|
|
|
- <Link to={`/calendar`}>Calendar</Link>
|
|
|
- <Link to={`/timeline`}>Timeline</Link>
|
|
|
- <Link to={`/tokenomics`}>Reports</Link>
|
|
|
- <Link to={`/validators`}>Validators</Link>
|
|
|
- <Link to={`/storage`}>Storage</Link>
|
|
|
- <Link to={`/spending`}>Spending</Link>
|
|
|
- <Link to={`/transactions`}>Transfers</Link>
|
|
|
- <Link to={`/burners`}>Top Burners</Link>
|
|
|
- <Link to={`/validators_report`}>Validators Reporting Tool</Link>
|
|
|
- <Link to="/mint">Toolbox</Link>
|
|
|
- </div>
|
|
|
+ return (
|
|
|
+ <>
|
|
|
+ <div className="w-100 flex-grow-1 d-flex align-items-center justify-content-center d-flex flex-column pb-5">
|
|
|
+ <div className="back bg-warning d-flex flex-column p-2">
|
|
|
+ <Link to={`/calendar`}>Calendar</Link>
|
|
|
+ <Link to={`/timeline`}>Timeline</Link>
|
|
|
+ <Link to={`/tokenomics`}>Reports</Link>
|
|
|
+ <Link to={`/validators`}>Validators</Link>
|
|
|
+ <Link to={`/storage`}>Storage</Link>
|
|
|
+ <Link to={`/spending`}>Spending</Link>
|
|
|
+ <Link to={`/transactions`}>Transfers</Link>
|
|
|
+ <Link to={`/burners`}>Top Burners</Link>
|
|
|
+ <Link to={`/validators_report`}>Validators Reporting Tool</Link>
|
|
|
+ <Link to="/mint">Toolbox</Link>
|
|
|
+ </div>
|
|
|
|
|
|
- <Council
|
|
|
- councils={councils}
|
|
|
- members={members}
|
|
|
- handles={handles}
|
|
|
- posts={posts}
|
|
|
- proposals={proposals}
|
|
|
- stars={stars}
|
|
|
- status={status}
|
|
|
- validators={validators}
|
|
|
- />
|
|
|
+ <Council
|
|
|
+ councils={councils}
|
|
|
+ members={members}
|
|
|
+ handles={handles}
|
|
|
+ posts={posts}
|
|
|
+ proposals={proposals}
|
|
|
+ stars={stars}
|
|
|
+ status={status}
|
|
|
+ validators={validators}
|
|
|
+ domain={domain}
|
|
|
+ />
|
|
|
|
|
|
- <Proposals
|
|
|
- block={status.block ? status.block.id : 0}
|
|
|
- members={members}
|
|
|
- councils={councils}
|
|
|
- posts={posts}
|
|
|
- proposals={proposals}
|
|
|
- proposalPosts={props.proposalPosts}
|
|
|
- validators={validators}
|
|
|
- startTime={status.startTime}
|
|
|
- />
|
|
|
+ <Proposals
|
|
|
+ block={status.block ? status.block.id : 0}
|
|
|
+ members={members}
|
|
|
+ councils={councils}
|
|
|
+ posts={posts}
|
|
|
+ proposals={proposals}
|
|
|
+ proposalPosts={props.proposalPosts}
|
|
|
+ validators={validators}
|
|
|
+ startTime={status.startTime}
|
|
|
+ />
|
|
|
|
|
|
- <Forum
|
|
|
- handles={handles}
|
|
|
- posts={posts}
|
|
|
- threads={threads}
|
|
|
- startTime={status.startTime}
|
|
|
- />
|
|
|
+ <Forum
|
|
|
+ handles={handles}
|
|
|
+ posts={posts}
|
|
|
+ threads={threads}
|
|
|
+ startTime={status.startTime}
|
|
|
+ />
|
|
|
|
|
|
- <Validators
|
|
|
- hideBackButton={true}
|
|
|
- toggleStar={toggleStar}
|
|
|
- councils={councils}
|
|
|
- handles={handles}
|
|
|
- members={members}
|
|
|
- posts={posts}
|
|
|
- proposals={proposals}
|
|
|
- nominators={nominators}
|
|
|
- validators={validators}
|
|
|
- stashes={stashes}
|
|
|
- stars={stars}
|
|
|
- stakes={stakes}
|
|
|
- rewardPoints={rewardPoints}
|
|
|
- tokenomics={tokenomics}
|
|
|
- status={status}
|
|
|
- />
|
|
|
- </div>
|
|
|
- </>
|
|
|
- );
|
|
|
+ <Validators
|
|
|
+ hideBackButton={true}
|
|
|
+ toggleStar={toggleStar}
|
|
|
+ councils={councils}
|
|
|
+ handles={handles}
|
|
|
+ members={members}
|
|
|
+ posts={posts}
|
|
|
+ proposals={proposals}
|
|
|
+ nominators={nominators}
|
|
|
+ validators={validators}
|
|
|
+ stashes={stashes}
|
|
|
+ stars={stars}
|
|
|
+ stakes={stakes}
|
|
|
+ rewardPoints={rewardPoints}
|
|
|
+ tokenomics={tokenomics}
|
|
|
+ status={status}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </>
|
|
|
+ );
|
|
|
};
|
|
|
|
|
|
export default Dashboard;
|