{"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 [data, setData] = useState([]);\n  const [total, setTotal] = useState(0);\n  const [page, setPage] = useState(1);\n  const [search, setSearch] = useState(\"\");\n  const [loading, setLoading] = useState(true);\n  useEffect(() => {\n    setLoading(true);\n    fetch(`${api}?page=${page}&size=${rowsPerPage}`).then(res => res.json()).then(res => {\n      setData(res.data);\n      setTotal(res.total);\n      setLoading(false);\n    }).catch(() => setLoading(false));\n  }, [api, page, search]);\n  const totalPages = Math.ceil(total / rowsPerPage);\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    children: [/*#__PURE__*/_jsxDEV(\"div\", {\n      style: {\n        display: \"flex\",\n        gap: 12,\n        alignItems: \"center\",\n        marginBottom: 16\n      },\n      children: [/*#__PURE__*/_jsxDEV(\"input\", {\n        type: \"text\",\n        placeholder: \"\\uAC80\\uC0C9\",\n        value: search,\n        onChange: e => setSearch(e.target.value),\n        style: {\n          flex: 1,\n          padding: \"6px 10px\"\n        }\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 32,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n        className: \"button small\",\n        onClick: () => setPage(1),\n        children: \"\\uAC80\\uC0C9\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 39,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 31,\n      columnNumber: 7\n    }, this), loading ? /*#__PURE__*/_jsxDEV(\"div\", {\n      children: \"\\uB85C\\uB529\\uC911...\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 42,\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: 45,\n        columnNumber: 13\n      }, this), /*#__PURE__*/_jsxDEV(SensorTable, {\n        columns: columns,\n        sensors: data\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 46,\n        columnNumber: 13\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 44,\n      columnNumber: 9\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 30,\n    columnNumber: 5\n  }, this);\n}\n_s(HistoryTable, \"9SFDCA34rEee26DCJTPQTLxKGh0=\");\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","data","setData","total","setTotal","page","setPage","search","setSearch","loading","setLoading","fetch","then","res","json","catch","totalPages","Math","ceil","children","style","display","gap","alignItems","marginBottom","type","placeholder","value","onChange","e","target","flex","padding","fileName","_jsxFileName","lineNumber","columnNumber","className","onClick","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 [data, setData] = useState([]);\r\n  const [total, setTotal] = useState(0);\r\n  const [page, setPage] = useState(1);\r\n  const [search, setSearch] = useState(\"\");\r\n  const [loading, setLoading] = useState(true);\r\n\r\n  useEffect(() => {\r\n    setLoading(true);\r\n    fetch(`${api}?page=${page}&size=${rowsPerPage}`)\r\n      .then(res => res.json())\r\n      .then(res => {\r\n        setData(res.data);\r\n        setTotal(res.total);\r\n        setLoading(false);\r\n      })\r\n      .catch(() => setLoading(false));\r\n  }, [api, page, search]);\r\n\r\n  const totalPages = Math.ceil(total / rowsPerPage);\r\n\r\n  return (\r\n    <div>\r\n      <div style={{ display: \"flex\", gap: 12, alignItems: \"center\", marginBottom: 16 }}>\r\n        <input\r\n          type=\"text\"\r\n          placeholder=\"검색\"\r\n          value={search}\r\n          onChange={e => setSearch(e.target.value)}\r\n          style={{ flex: 1, padding: \"6px 10px\" }}\r\n        />\r\n        <button className=\"button small\" onClick={() => setPage(1)}>검색</button>\r\n      </div>\r\n      {loading ? (\r\n        <div>로딩중...</div>\r\n      ) : (\r\n        <div>\r\n            <Pagination page={page} totalPages={totalPages} onPageChange={setPage} />\r\n            <SensorTable columns={columns} sensors={data} />\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}