function MainComponent() { const [data, setData] = React.useState([]); const [fetchDate, setFetchDate] = React.useState(new Date('2024-01-11')); React.useEffect(()=>{ const fetchData = async ()=>{ const dateStr = fetchDate.toISOString().split('T')[0]; const todayDateStr = new Date().toISOString().split('T')[0]; if (dateStr > todayDateStr) return; const newFetchDate = new Date(fetchDate); newFetchDate.setDate(fetchDate.getDate() + 1); setFetchDate(newFetchDate); const fetchedData = await fetchDataFromCoinGlass(dateStr); const totalSummary = fetchedData.reduce((acc, curr)=>acc + curr.value, 0); const formattedData = { date: dateStr, etfs: fetchedData, total: totalSummary }; setData((currentData)=>[ ...currentData, formattedData ]); }; const timer = setTimeout(()=>{ fetchData(); }, 1000); return ()=>clearTimeout(timer); }, [ fetchDate ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "p-6 bg-white shadow-md rounded-md w-full max-w-4xl", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center font-roboto text-xl mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "Bitcoin スポットETFの流入・流出サマリー (単位: BTC)"), /*#__PURE__*/ React.createElement("div", { className: "overflow-auto mb-8", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "table-auto w-full", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "日付"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }, "IBIT"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 44, columnNumber: 17 }, __self: this }, "GBTC"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, "FBTC"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, "ARKB"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, "BITB"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, "その他"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 49, columnNumber: 17 }, __self: this }, "合計"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, data.map((entry, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, className: "border-b", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2 text-center", __source: { fileName: "", lineNumber: 55, columnNumber: 19 }, __self: this }, entry.date), entry.etfs.map((etf, etfIndex)=>/*#__PURE__*/ React.createElement("td", { key: etfIndex, className: "px-4 py-2 text-center", style: { color: etf.value >= 0 ? '#4caf50' : '#f44336' }, __source: { fileName: "", lineNumber: 57, columnNumber: 21 }, __self: this }, etf.value >= 0 ? `+${etf.value}` : etf.value)), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2 text-center", style: { color: entry.total >= 0 ? '#4caf50' : '#f44336' }, __source: { fileName: "", lineNumber: 61, columnNumber: 19 }, __self: this }, entry.total >= 0 ? `+${entry.total}` : entry.total)))))))); }