{"ast":null,"code":"var _jsxFileName = \"D:\\\\LDT\\\\000 Project\\\\LDT\\\\Client\\\\src\\\\components\\\\HistoryTable.js\",\n _s = $RefreshSig$();\n// src/components/HistoryTable.js\nimport React, { useState, useEffect } from \"react\";\nimport Pagination from \"./Pagination\";\nimport SensorTable from \"./SensorTable\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst rowsPerPage = 10;\nexport default function HistoryTable({\n columns,\n api\n}) {\n _s();\n const {\n user\n } = useContext(AuthContext);\n const [data, setData] = useState([]);\n const [total, setTotal] = useState(0);\n const [page, setPage] = useState(1);\n const [loading, setLoading] = useState(true);\n useEffect(() => {\n if (!user) return;\n setLoading(true);\n fetch(`${api}?page=${page}&size=${rowsPerPage}`, {\n headers: {\n Authorization: `Bearer ${user.token}`\n }\n }).then(res => res.json()).then(data => {\n setData(data.data);\n setTotal(data.total);\n setLoading(false);\n }).catch(() => setLoading(false));\n }, [user, page]);\n if (!user) return /*#__PURE__*/_jsxDEV(\"div\", {\n children: \"\\uB85C\\uADF8\\uC778 \\uD544\\uC694\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 21\n }, this);\n const totalPages = Math.ceil(total / rowsPerPage);\n return /*#__PURE__*/_jsxDEV(\"div\", {\n children: loading ? /*#__PURE__*/_jsxDEV(\"div\", {\n children: \"\\uB85C\\uB529\\uC911...\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 9\n }, this) : /*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(Pagination, {\n page: page,\n totalPages: totalPages,\n onPageChange: setPage\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(SensorTable, {\n columns: columns,\n sensors: data\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 35,\n columnNumber: 5\n }, this);\n}\n_s(HistoryTable, \"6uRbSnccVZ+6qMv9zRyfzYmltxg=\");\n_c = HistoryTable;\nvar _c;\n$RefreshReg$(_c, \"HistoryTable\");","map":{"version":3,"names":["React","useState","useEffect","Pagination","SensorTable","jsxDEV","_jsxDEV","rowsPerPage","HistoryTable","columns","api","_s","user","useContext","AuthContext","data","setData","total","setTotal","page","setPage","loading","setLoading","fetch","headers","Authorization","token","then","res","json","catch","children","fileName","_jsxFileName","lineNumber","columnNumber","totalPages","Math","ceil","onPageChange","sensors","_c","$RefreshReg$"],"sources":["D:/LDT/000 Project/LDT/Client/src/components/HistoryTable.js"],"sourcesContent":["// src/components/HistoryTable.js\r\nimport React, { useState, useEffect } from \"react\";\r\nimport Pagination from \"./Pagination\";\r\nimport SensorTable from \"./SensorTable\";\r\n\r\nconst rowsPerPage = 10;\r\n\r\nexport default function HistoryTable({ columns, api }) {\r\n const { user } = useContext(AuthContext);\r\n const [data, setData] = useState([]);\r\n const [total, setTotal] = useState(0);\r\n const [page, setPage] = useState(1);\r\n const [loading, setLoading] = useState(true);\r\n\r\n useEffect(() => {\r\n if (!user) return;\r\n setLoading(true);\r\n fetch(`${api}?page=${page}&size=${rowsPerPage}`, {\r\n headers: { Authorization: `Bearer ${user.token}` }\r\n })\r\n .then(res => res.json())\r\n .then(data => {\r\n setData(data.data);\r\n setTotal(data.total);\r\n setLoading(false);\r\n })\r\n .catch(() => setLoading(false));\r\n }, [user, page]);\r\n\r\n if (!user) return 로그인 필요
;\r\n\r\n const totalPages = Math.ceil(total / rowsPerPage);\r\n\r\n return (\r\n \r\n {loading ? (\r\n
로딩중...
\r\n ) : (\r\n
\r\n )}\r\n