{"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, useContext } from \"react\";\nimport Pagination from \"./Pagination\";\nimport { AuthContext } from \"../contexts/AuthContext\";\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 const [selectedRow, setSelectedRow] = useState(null);\n console.log(\"HistoryTable props.columns:\", columns);\n console.log(\"HistoryTable props.api:\", api);\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 || 0);\n setLoading(false);\n }).catch(() => setLoading(false));\n }, [api, page, user]);\n console.log(\"state.data:\", data);\n console.log(\"state.total:\", total);\n console.log(\"state.page:\", page);\n if (!user) return /*#__PURE__*/_jsxDEV(\"div\", {\n children: \"\\uB85C\\uADF8\\uC778 \\uD544\\uC694\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 38,\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: 45,\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: 48,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"table-wrapper\",\n children: /*#__PURE__*/_jsxDEV(\"table\", {\n className: \"alt\",\n children: [/*#__PURE__*/_jsxDEV(\"thead\", {\n children: /*#__PURE__*/_jsxDEV(\"tr\", {\n children: columns.map(col => /*#__PURE__*/_jsxDEV(\"th\", {\n children: col.label\n }, col.key, false, {\n fileName: _jsxFileName,\n lineNumber: 54,\n columnNumber: 23\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 19\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 51,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"tbody\", {\n children: (data || []).map(sensor => /*#__PURE__*/_jsxDEV(\"tr\", {\n children: (columns || []).map(col => /*#__PURE__*/_jsxDEV(\"td\", {\n children: sensor[col.key]\n }, col.key, false, {\n fileName: _jsxFileName,\n lineNumber: 67,\n columnNumber: 25\n }, this))\n }, sensor.mac || sensor.id, false, {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 21\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 58,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 15\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 49,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 47,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 5\n }, this);\n}\n_s(HistoryTable, \"xC2HG/g6yOMuk+1xIG9ZbEynRVQ=\");\n_c = HistoryTable;\nvar _c;\n$RefreshReg$(_c, \"HistoryTable\");","map":{"version":3,"names":["React","useState","useEffect","useContext","Pagination","AuthContext","jsxDEV","_jsxDEV","rowsPerPage","HistoryTable","columns","api","_s","user","data","setData","total","setTotal","page","setPage","loading","setLoading","selectedRow","setSelectedRow","console","log","fetch","headers","Authorization","token","then","res","json","catch","children","fileName","_jsxFileName","lineNumber","columnNumber","totalPages","Math","ceil","onPageChange","className","map","col","label","key","sensor","mac","id","_c","$RefreshReg$"],"sources":["D:/LDT/000 Project/LDT/Client/src/components/HistoryTable.js"],"sourcesContent":["// src/components/HistoryTable.js\r\nimport React, { useState, useEffect, useContext } from \"react\";\r\nimport Pagination from \"./Pagination\";\r\nimport { AuthContext } from \"../contexts/AuthContext\";\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 const [selectedRow, setSelectedRow] = useState(null);\r\n\r\n console.log(\"HistoryTable props.columns:\", columns);\r\n console.log(\"HistoryTable props.api:\", api);\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 || 0);\r\n setLoading(false);\r\n })\r\n .catch(() => setLoading(false));\r\n }, [api, page, user]);\r\n\r\n console.log(\"state.data:\", data);\r\n console.log(\"state.total:\", total);\r\n console.log(\"state.page:\", 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
\r\n
\r\n \r\n \r\n {columns.map(col => (\r\n | {col.label} | \r\n ))}\r\n
\r\n \r\n \r\n {(data || []).map(sensor => (\r\n setSelectedRow(sensor.mac || sensor.id)}\r\n //style={{ cursor: \"pointer\" }}\r\n >\r\n {(columns || []).map(col => (\r\n {sensor[col.key]} | \r\n ))}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n )}\r\n