diff --git a/src/KBBoardsList.js b/src/KBBoardsList.js index 87de0c4..49a8d86 100644 --- a/src/KBBoardsList.js +++ b/src/KBBoardsList.js @@ -2,6 +2,7 @@ import { useState, useEffect, useRef, useCallback } from 'react'; import { useNavigate } from 'react-router-dom'; import axios from 'axios'; import Header from './Header'; +import './css/BoardList.css'; const KBBoardsList = () => { const navigate = useNavigate(); @@ -15,7 +16,7 @@ const KBBoardsList = () => { const [reverse, setReverse] = useState(false); const [search_text, setSearchText] = useState(''); const [page, setPage] = useState(1); - const [list, setList] = useState(20); + const [limit, setLimit] = useState(20); const [title, setTitle] = useState(''); const [description, setDescription] = useState(''); @@ -43,10 +44,12 @@ const KBBoardsList = () => { const loadBoardList = useCallback(async () => { clearTimeout(debounceRef.current); - try { - debounceRef.current = setTimeout(async () => { - var newList = { sort_method, reverse, search_text, page, list }; - const response = await axios.post('/api/boards/list', newList); + debounceRef.current = setTimeout(async () => { + try { + const newList = { sort_method, reverse, search_text, page, limit }; + console.log("err"); + const response = await axios.post('/api/boards/list', newList, {withCredentials: true }); + console.log("err1"); if (Array.isArray(response.data)) { setItems(response.data); } else { @@ -55,21 +58,21 @@ const KBBoardsList = () => { console.log('Доски отсутствуют'); } } - setTimer(400) - }, timer); - } catch (err) { - if (err.response?.data?.message === 'Token Error' || err.response?.data?.message === 'Invalid Token') { - setError('Вы не авторизованы'); - setTimeout(() => { - navigate('/login'); - }, 1000); - } else { - setError('Ошибка загрузки досок'); - console.log(err); - setItems([]); + } catch (err) { + if (err.response?.data?.message === 'Token Error' || err.response?.data?.message === 'Invalid Token') { + setError('Вы не авторизованы'); + setTimeout(() => { + navigate('/login'); + }, 1000); + } else { + setError('Ошибка загрузки досок'); + console.log(err); + setItems([]); + } } - } - }, [sort_method, reverse, search_text, page, list, timer, setItems, setError, navigate]); + setTimer(400) + }, timer); + }, [sort_method, reverse, search_text, page, limit, timer, setItems, setError, navigate]); useEffect(() => { loadBoardList();