2020-04-09 00:29:13 +03:00
|
|
|
import * as React from "react";
|
|
|
|
import * as Strings from "~/common/strings";
|
|
|
|
import * as Constants from "~/common/constants";
|
|
|
|
import * as System from "~/components/system";
|
|
|
|
|
|
|
|
import { css } from "@emotion/react";
|
|
|
|
|
|
|
|
import Section from "~/components/core/Section";
|
|
|
|
import ScenePage from "~/components/core/ScenePage";
|
2020-09-27 19:38:20 +03:00
|
|
|
import ScenePageHeader from "~/components/core/ScenePageHeader";
|
|
|
|
|
|
|
|
let mounted = false;
|
2020-04-09 00:29:13 +03:00
|
|
|
|
|
|
|
export default class SceneMiners extends React.Component {
|
2020-09-27 19:38:20 +03:00
|
|
|
state = { miners: [] };
|
|
|
|
|
|
|
|
async componentDidMount() {
|
|
|
|
if (mounted) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
mounted = true;
|
|
|
|
|
|
|
|
let miners = [];
|
|
|
|
try {
|
2020-10-19 02:48:22 +03:00
|
|
|
const response = await fetch("https://sentinel.slate.host/api/mapped-static-global-miners");
|
2020-09-27 19:38:20 +03:00
|
|
|
const json = await response.json();
|
2020-10-19 02:48:22 +03:00
|
|
|
const sources = json.data;
|
2020-04-09 00:29:13 +03:00
|
|
|
|
2020-09-27 19:38:20 +03:00
|
|
|
sources.forEach((group) => {
|
|
|
|
miners = [
|
2020-10-19 02:48:22 +03:00
|
|
|
...group.minerAddresses.map((entity) => {
|
|
|
|
return { location: group.name, ...entity };
|
2020-09-27 19:38:20 +03:00
|
|
|
}),
|
|
|
|
...miners,
|
|
|
|
];
|
|
|
|
});
|
|
|
|
} catch (e) {}
|
|
|
|
|
|
|
|
this.setState({ miners });
|
|
|
|
}
|
|
|
|
|
|
|
|
componentWillUnmount() {
|
|
|
|
mounted = false;
|
|
|
|
}
|
2020-04-09 00:29:13 +03:00
|
|
|
|
|
|
|
render() {
|
|
|
|
return (
|
|
|
|
<ScenePage>
|
2020-10-19 02:48:22 +03:00
|
|
|
<ScenePageHeader title="Miners">
|
2020-10-18 22:53:59 +03:00
|
|
|
Whenever you make a deal against the Filecoin Network, Slate works with Textile's
|
|
|
|
infrastructure to find the best possible miner to make a storage deal with.
|
2020-09-27 19:38:20 +03:00
|
|
|
</ScenePageHeader>
|
|
|
|
|
2020-10-19 02:48:22 +03:00
|
|
|
<Section title="Listing" style={{ maxWidth: 960, minWidth: "auto" }}>
|
2020-04-09 00:29:13 +03:00
|
|
|
<System.Table
|
|
|
|
data={{
|
|
|
|
columns: [
|
|
|
|
{
|
2020-09-27 19:38:20 +03:00
|
|
|
key: "miner",
|
|
|
|
name: "Miner",
|
2020-10-19 02:48:22 +03:00
|
|
|
width: "96px",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
key: "minPieceSizeFormatted",
|
|
|
|
name: "Minimum size",
|
|
|
|
width: "124px",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
key: "minDealDuration",
|
|
|
|
name: "Minimum duration",
|
|
|
|
width: "140px",
|
2020-04-09 00:29:13 +03:00
|
|
|
},
|
|
|
|
{
|
2020-09-27 19:38:20 +03:00
|
|
|
key: "location",
|
|
|
|
name: "Location",
|
|
|
|
width: "188px",
|
2020-04-09 00:29:13 +03:00
|
|
|
},
|
2020-10-19 02:48:22 +03:00
|
|
|
{
|
|
|
|
key: "priceFIL",
|
|
|
|
name: "Price",
|
|
|
|
width: "100%",
|
|
|
|
},
|
2020-04-09 00:29:13 +03:00
|
|
|
],
|
2020-10-19 02:48:22 +03:00
|
|
|
rows: this.state.miners,
|
2020-04-09 00:29:13 +03:00
|
|
|
}}
|
|
|
|
/>
|
|
|
|
</Section>
|
|
|
|
</ScenePage>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|