parent
d5b3ee3c53
commit
90960bf9b5
@ -1,10 +1,42 @@
|
||||
import React from 'react';
|
||||
import React, { useContext } from 'react';
|
||||
|
||||
import { AppContext } from './ContextProvider';
|
||||
import { ToCoins, ToDate, ToHashes } from '../helpers/utils';
|
||||
|
||||
const Pool = () => (
|
||||
<div>
|
||||
<p>welcome good friend <3 thank so much for mining!</p>
|
||||
</div>
|
||||
);
|
||||
|
||||
const Pool = () => {
|
||||
const { state } = useContext(AppContext);
|
||||
const { pool } = state;
|
||||
const { config, networkStats, stats } = pool;
|
||||
const { pool_statistics: poolStats } = stats;
|
||||
|
||||
const networkHashRate = Math.floor(networkStats.difficulty / 300);
|
||||
const poolPercentage = poolStats.hashRate / networkHashRate * 100;
|
||||
|
||||
return (
|
||||
<div>
|
||||
<h1>wow!</h1>
|
||||
|
||||
<hr />
|
||||
|
||||
<p>welcome good friend <3 thank so much for mining!</p>
|
||||
<p>very mining with you from <strong>blocke 62</strong></p>
|
||||
<p>such good pool:</p>
|
||||
<ul>
|
||||
<li>PPLNS fee for miner: {config.pplns_fee}%</li>
|
||||
<li>SOLO fee for miner: {config.solo_fee}%</li>
|
||||
<li>min payout for miner: <ToCoins coins={config.min_wallet_payout} /></li>
|
||||
<li>min payout for miner on exchange: <ToCoins coins={config.min_exchange_payout} /></li>
|
||||
</ul>
|
||||
|
||||
<hr />
|
||||
|
||||
<p>all wow miners: <ToHashes hashes={networkHashRate} /></p>
|
||||
<p>this pool miners: {poolStats.miners} miners digging <ToHashes hashes={poolStats.hashRate} /> (only {poolPercentage.toFixed(2)}%)</p>
|
||||
<p>world blocke: {networkStats.height} with <ToCoins coins={networkStats.value} /> discovered {<ToDate timeStamp={networkStats.ts} />}</p>
|
||||
<p>pool blocke: {poolStats.lastBlockFound} discovered {<ToDate timeStamp={poolStats.lastBlockFoundTime} />}</p>
|
||||
</div>
|
||||
)
|
||||
};
|
||||
|
||||
export default Pool;
|
||||
|
@ -0,0 +1,28 @@
|
||||
import React, { useContext } from 'react';
|
||||
|
||||
import { AppContext } from '../components/ContextProvider';
|
||||
|
||||
|
||||
export const ToCoins = props => {
|
||||
const { state } = useContext(AppContext);
|
||||
const { appSettings } = state;
|
||||
const { coins, symbol } = props;
|
||||
|
||||
return (<>{coins / Math.pow(10, appSettings.coinDecimals)} {symbol || String.fromCharCode(appSettings.coinSymbol)}</>);
|
||||
}
|
||||
|
||||
export const ToDate = props => {
|
||||
const { timeStamp } = props;
|
||||
return (<>{new Date(timeStamp * 1000).toLocaleString()}</>);
|
||||
}
|
||||
|
||||
export const ToHashes = props => {
|
||||
const { hashes, suffix = 'hashes' } = props;
|
||||
|
||||
let res = `${(hashes || 0)} ${suffix}`;
|
||||
if (hashes > 1e3) res = `${parseFloat((hashes / 1e3).toFixed(2))} kilo${suffix}`;
|
||||
if (hashes > 1e6) res = `${parseFloat((hashes / 1e6).toFixed(2))} mega${suffix}`;
|
||||
if (hashes > 1e9) res = `${parseFloat((hashes / 1e9).toFixed(2))} giga${suffix}`;
|
||||
|
||||
return (<>{res}</>);
|
||||
}
|
@ -1,3 +1,5 @@
|
||||
body {
|
||||
@import url('https://fonts.googleapis.com/css2?family=Gaegu:wght@300&display=swap');
|
||||
|
||||
body {
|
||||
font-family: 'Gaegu', cursive;
|
||||
}
|
||||
|
Loading…
Reference in new issue