function renderSource()

in src/components/SourceStatus/index.ts [7:29]

• 23 lines of code
• 3 McCabe index (conditional complexity)

function renderSource(source: Source) {
    const style = () => {
        const status = source.status();
        const ret: { [key: string]: string } = {};
        if ("success" in status) {
            const color = status.success ? "green" : "red";
            ret["border-color"] = color;
            ret["background-color"] = color;
        }
        return ret;
    };
    const date = new Date(source.date);
    const monthFormatter = new Intl.DateTimeFormat(undefined, { month: "short", timeZone: "UTC" });
    const month = monthFormatter.format(date);
    const day = date.getUTCDate();
    return html`<div class="source-status" style=${style}>
        <div class="cal">
            <div class="month"><span class="shrink">${month}</span></div>
            <div class="day"><span class="shrink">${day}</span></div>
        </div>
        <div class="message">${() => source.status().message}</div>
    </div>`;
}