Function BlockServices

go/ternweb/scripts.js:350–422

()

export function renderIndex() {
    function BlockServices() {
        const [blockServices, setBlockServices] = useState(null);
        const [locations, setLocations] = useState(null);
        useEffect(async () => {
            const resp = await registryReq('ALL_BLOCK_SERVICES_DEPRECATED', {});
            setBlockServices(resp);
        }, []);

        useEffect(async () => {
            const resp = await registryReq('LOCATIONS', {});
            var locationsMap = new Map();
            for (const location of resp.Locations) {
                locationsMap.set(location.Id, location.Name);
            }
            setLocations(locationsMap);
        }, []);

        if (blockServices === null || locations === null) {
            return p.h('em', null, 'Loading...');
        }

        const now = new Date();
        const rows = [];
        let failureDomains = new Set();
        let capacity = 0;
        let available = 0;
        let blocks = 0n;
        for (const bs of blockServices.BlockServices) {
            failureDomains.add(bs.FailureDomain);
            capacity += bs.CapacityBytes;
            available += bs.AvailableBytes;
            blocks += BigInt(bs.Blocks);
            rows.push([
                bs.FailureDomain,
                bs.Addrs.Addr1,
                bs.Addrs.Addr2,
                bs.Path,
                bs.Id,
                bs.Flags,
                bs.FlagsLastChanged,
                bs.StorageClass,
                bs.Blocks,
                bs.CapacityBytes,
                bs.AvailableBytes,
                bs.LastSeen,
                bs.HasFiles,
            ]);
        }
        const cols = [
            {name: 'FailureDomain'},
            {name: 'Address 1'},
            {name: 'Address 2'},
            {name: 'Path', render: t => p.h('code', {}, t)},
            {name: 'Id', render: t => p.h('code', {}, t)},
            {name: 'Flags', string: stringifyShortFlags, render: t => p.h('code', {}, t)},
            {name: 'FlagsLastChanged', render: flc => stringifyAgo(new Date(flc), now)},
            {name: 'StorageClass', string: stringifyStorageClass},
            {name: 'Blocks'},