bitburner-src/src/Bladeburner/ui/ContractList.tsx

import React, { useState, useEffect } from "react";
import {
    formatNumber,
    convertTimeMsToTimeElapsedString,
} from "../../../utils/StringHelperFunctions";
import { ContractElem } from "./ContractElem";
import { Contract } from "../Contract";

interface IProps {
    bladeburner: any;
}

export function ContractList(props: IProps): React.ReactElement {
    const names = Object.keys(props.bladeburner.contracts);
    const contracts = props.bladeburner.contracts;
    return (<>
        {names.map((name: string) => 
            <li key={name} className="bladeburner-action">
                <ContractElem bladeburner={props.bladeburner} action={contracts[name]} />
            </li>
        )}
    </>);
}