From 83722aa6ca14fe6abe361211baefa965965a6b4f Mon Sep 17 00:00:00 2001 From: wahyun Date: Mon, 10 Jun 2024 22:24:51 +0700 Subject: [PATCH] feat: set row page in localstorage --- src/views/SimproV2/CreatedProyek/index.js | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/src/views/SimproV2/CreatedProyek/index.js b/src/views/SimproV2/CreatedProyek/index.js index 62c4bc5..fbd297d 100644 --- a/src/views/SimproV2/CreatedProyek/index.js +++ b/src/views/SimproV2/CreatedProyek/index.js @@ -91,6 +91,7 @@ const url = ""; const format = "DD-MM-YYYY"; const CreatedProyek = ({ params, ...props }) => { + let pageRow = 10; let role_id = 0, user_id = 0, isLogin = false, token = '', company_id = 0, all_project = null, role_name = '', hierarchy = [], user_name = '', configApp = {}; if (props && props.role_id && props.user_id) { role_id = props.role_id; @@ -141,7 +142,9 @@ const CreatedProyek = ({ params, ...props }) => { const [dataK3, setDataK3] = useState([]); // transfer list const [idDelete, setIdDelete] = useState(0); const [alertDelete, setAlertDelete] = useState(false); - const [rowsPerPage, setRowsPerPage] = useState(10); + const [rowsPerPage, setRowsPerPage] = useState(() => { + return parseInt(localStorage.getItem('pageTable')) || pageRow; + }); const [dataExport, setDataExport] = useState([]); const [userProyek, setUserProyek] = useState([]); const [materialProyek, setMaterialProyek] = useState([]); @@ -220,6 +223,13 @@ const CreatedProyek = ({ params, ...props }) => { getDataProyek(); }, [search, rowsPerPage, currentPage]); + useEffect(() => { + const storedPageSize = localStorage.getItem('pageTable'); + if (!storedPageSize) { + localStorage.setItem('pageTable', pageRow); + } + }, [pageRow]); + useEffect(() => { if (dataExport.length > 0) { exportExcel(); @@ -1392,6 +1402,7 @@ const CreatedProyek = ({ params, ...props }) => { }; const onShowSizeChange = (current, pageSize) => { + localStorage.setItem('pageTable', pageSize); setRowsPerPage(pageSize); };