External/CoreControl
1
0
Fork 0
mirror of https://github.com/crocofied/CoreControl.git synced 2025-12-17 15:36:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Layout save fix

Browse Source
This commit is contained in:
headlesdev 2025-05-19 12:30:18 +02:00
parent 458af58e99
commit deed90c83c
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/SearchAndLayout.tsx
View File

@ -1,4 +1,5 @@
import { ChangeEvent } from "react";
import Cookies from "js-cookie";
interface SearchAndLayoutProps {
search: string;
@ -11,8 +12,9 @@ const SearchAndLayout = ({
search,
setSearch,
itemPerPage,
setItemPerPage
}: SearchAndLayoutProps) => (
setItemPerPage,
}: SearchAndLayoutProps) => {
return (
<div className="flex gap-2 items-center pt-4">
<input
type="text"
@ -34,5 +36,6 @@ const SearchAndLayout = ({
</select>
</div>
);
};
export default SearchAndLayout;

9
hooks/useSites.ts
View File

@ -3,9 +3,12 @@ import axios from "axios";
import Cookies from "js-cookie";
const useSites = () => {
const savedLayout = Cookies.get('sites-itemPerPage');
const defaultLayout = savedLayout ? Number(savedLayout) : 5;
const [sites, setSites] = useState([]);
const [currentPage, setCurrentPage] = useState(1);
const [itemPerPage, setItemPerPage] = useState(5);
const [itemPerPage, setItemPerPage] = useState(defaultLayout);
const [total, setTotal] = useState(0);
const [search, setSearch] = useState("");
@ -22,10 +25,6 @@ const useSites = () => {
loadSites();
}, [loadSites]);
useEffect(() => {
const savedItemPerPage = Cookies.get('sites-itemPerPage');
if (savedItemPerPage) setItemPerPage(Number(savedItemPerPage));
}, []);
useEffect(() => {
Cookies.set('sites-itemPerPage', itemPerPage.toString());