mirror of
https://github.com/oven-sh/bun
synced 2026-02-15 21:32:05 +00:00
9388b3f825
* Add a zig fmt action * add failing file * Setup prettier better * Update prettier-fmt.yml * Fail on error * Update prettier-fmt.yml * boop * boop2 * tar.gz * Update zig-fmt.yml * Update zig-fmt.yml * Update zig-fmt.yml * Update zig-fmt.yml * Update zig-fmt.yml * boop * Update prettier-fmt.yml * tag * newlines * multiline * fixup * Update zig-fmt.yml * update it * fixup * both * w * Update prettier-fmt.yml * prettier all the things * Update package.json * zig fmt * ❌ ✅ * bump * . * quotes * fix prettier ignore * once more * Update prettier-fmt.yml * Update fallback.ts * consistentcy --------- Co-authored-by: Jarred Sumner <709451+Jarred-Sumner@users.noreply.github.com>
31 lines
854 B
TypeScript
31 lines
854 B
TypeScript
import { fetchCSV } from "macro:fetchCSV";
|
|
|
|
export const Covid19 = () => {
|
|
const rows = fetchCSV("https://covid19.who.int/WHO-COVID-19-global-data.csv", {
|
|
last: 100,
|
|
columns: ["New_cases", "Date_reported", "Country"],
|
|
});
|
|
|
|
return (
|
|
<div>
|
|
<h2>Covid-19</h2>
|
|
<h6>last {rows.length} updates from the WHO</h6>
|
|
<div className="Table">
|
|
<div className="Header">
|
|
<div className="Heading">New Cases</div>
|
|
<div className="Heading">Date</div>
|
|
<div className="Heading">Country</div>
|
|
</div>
|
|
|
|
{rows.map((row, index) => (
|
|
<div className="Row" key={index}>
|
|
<div className="Column">{row[0]}</div>
|
|
<div className="Column">{row[1]}</div>
|
|
<div className="Column">{row[2]}</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|