import React from "https://esm.sh/react@17.0.2"; import styled from "https://esm.sh/styled-components"; import config from "../back/config/config.ts"; import { computeStats } from "../back/common/data.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"; import SiteTitle from "../components/SiteTitle.tsx"; import SiteMenu from "../components/SiteMenu.tsx"; import ProgressBar from "../components/ProgressBar.tsx"; import Text from "../components/Text.tsx"; import ContactTwitter from "../components/ContactTwitter.tsx"; import { useStoreState } from "../state/index.ts"; const DescriptionBlock = styled.div` max-width: 600px; margin: auto; 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; text-align: right; margin-bottom: 10px; color: #ff9b20; text-shadow: #000 2px 2px 0px; `; const BootstrappingInProgress = styled.p` color: #efefef; text-align: center; `; export default function Blocks() { const blocks = useStoreState((store) => store.blocks); const forkName = config.fork.name; const { blocksLeftForActivation, lockedIn, currentPeriodFailed, currentSignallingPercentage, willProbablyActivate, } = computeStats(blocks); return ( {forkName} activation {config.fork.info.map((text, index) => ( {text} ))} {blocks.length > 0 && } Current signalling period of 2016 blocks {/* 90% of blocks within the period have to signal. */} {lockedIn && <>{forkName.toUpperCase()} IS LOCKED IN FOR DEPLOYMENT!} {!lockedIn && ( <> {!currentPeriodFailed && ( <> {blocksLeftForActivation} {forkName} blocks left until softfork is locked in.
{willProbablyActivate && ( <>Taproot will lock in with the current signalling ratio ({currentSignallingPercentage}%)! )} {!willProbablyActivate && ( <>Taproot will not lock in with the current signalling ratio ({currentSignallingPercentage}%) )} )} {currentPeriodFailed && ( <> {forkName} cannot be locked in within this period.
(90% of the blocks have to signal). )} )} {blocks.length === 0 && ( Server is currently loading blocks, please try soon again. )} {blocks.map((block, i) => ( ))} {config.frontend.twitterHandle && } {config.donation && } ); }