{forkName} activation

import React, { useEffect, useState } from "https://esm.sh/react@17.0.2"; import styled from "https://esm.sh/styled-components"; import config from "../back/config/config.ts"; import { IBlock } from "../back/blocks.ts"; import { Container } from "../components/Container.ts"; import { Content } from "../components/Content.ts"; import { BlockContainer, Block } from "../components/Block.tsx"; import { Donation } from "../components/Donation.tsx"; const Title = styled.h1` margin-top: 40px; font-size: 42px; text-align: center; color: #d97b08; text-shadow: #000 3px 3px 0px; `; const DescriptionBlock = styled.div` max-width: 600px; margin: auto; `; const Text = styled.p` color: #f7f7f7; /* text-shadow: #000 2px 2px 0px; */ font-size: 16px; text-align: center; `; const TopSection = styled.div` display: flex; justify-content: space-between; align-items: center; `; const CurrentPeriod = styled.h2` font-size: 24px; margin-bottom: 10px; color: #ff9b20; text-shadow: #000 2px 2px 0px; `; const LockinInfo = styled.h2` font-size: 16px; margin-bottom: 10px; color: #ff9b20; text-shadow: #000 2px 2px 0px; `; export default function Blocks() { const [blocks, setBlocks] = useState(undefined); useEffect(() => { (async () => { const result = await fetch("/blocks"); const json = (await result.json()) as IBlock[]; console.log(json); setBlocks(json); })(); }, []); if (blocks === undefined) { return <>; } const forkName = config.fork.name; const treshhold = Math.floor(2016 * 0.9); const currentNumberOfSignallingBlocks = blocks.reduce( (prev, currentBlock) => prev + +(currentBlock.signals ?? false), 0 ); const blocksLeftForActivation = treshhold - currentNumberOfSignallingBlocks; const lockedIn = currentNumberOfSignallingBlocks >= treshhold; const blocksLeftInThisPeriod = blocks.reduce((prev, currentBlock) => prev + +(currentBlock.signals === undefined), 0); const currentPeriodFailed = blocksLeftForActivation > blocksLeftInThisPeriod; return ( {forkName} activation {forkName} activation {config.fork.info.map((text, index) => ( {text} ))} Current signalling period of 2016 blocks {!lockedIn && ( <> {blocksLeftForActivation} {forkName} blocks left until softfork is locked in.
{!currentPeriodFailed && <>90% of the blocks within the period has to signal.} {currentPeriodFailed && ( <> {forkName} cannot be locked in within this period
(90% of the blocks has to signal). )} )} {lockedIn && <>{forkName.toUpperCase()} IS LOCKED IN FOR DEPLOYMENT!} {blocks.map((block, i) => ( ))} ); }