seth
/
jam-cloud
mirror of https://bitbucket.org/jamkazam/jam-cloud.git
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

fix jamTrack query params: page

This commit is contained in:
Nuwan 2024-12-25 20:16:38 +05:30
parent 8ddb4ce80d
commit f8462dbb84
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
jam-ui/src/components/jamtracks/JKJamTracksFilter.js
View File

@ -1,4 +1,4 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect, useRef } from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { useBrowserQuery } from '../../context/BrowserQuery'; import { useBrowserQuery } from '../../context/BrowserQuery';
import { Card, CardBody, Row, Col } from 'reactstrap'; import { Card, CardBody, Row, Col } from 'reactstrap';
@ -21,7 +21,7 @@ const JKJamTracksFilter = () => {
const [nextOffset, setNextOffset] = useState(null); const [nextOffset, setNextOffset] = useState(null);
const [totalJamTracks, setTotalJamTracks] = useState(0); const [totalJamTracks, setTotalJamTracks] = useState(0);
const [autoCompleteInputValue, setAutoCompleteInputValue] = useState(''); const [autoCompleteInputValue, setAutoCompleteInputValue] = useState('');
const [page, setPage] = useState(1); const page = useRef(1);
const PER_PAGE = 10; const PER_PAGE = 10;
const { shoppingCart } = useShoppingCart(); const { shoppingCart } = useShoppingCart();
const { greaterThan } = useResponsive(); const { greaterThan } = useResponsive();
@ -37,11 +37,9 @@ const JKJamTracksFilter = () => {
useEffect(() => { useEffect(() => {
if(query && !artist) { if(query && !artist) {
//setAutoCompleteInputValue(query);
handleOnEnter(query); handleOnEnter(query);
} }
if(artist && !query) { if(artist && !query) {
//setAutoCompleteInputValue(artist);
handleOnEnter(artist); handleOnEnter(artist);
} }
}, [query]); }, [query]);
@ -49,7 +47,7 @@ const JKJamTracksFilter = () => {
const queryOptions = selected => { const queryOptions = selected => {
const options = { const options = {
per_page: PER_PAGE, per_page: PER_PAGE,
page: page page: page.current,
}; };
if (typeof selected === 'string') { if (typeof selected === 'string') {
@ -67,7 +65,7 @@ const JKJamTracksFilter = () => {
}; };
const handleOnSelect = async selected => { const handleOnSelect = async selected => {
setPage(1); page.current = 1;
setJamTracks([]); setJamTracks([]);
setSearchTerm(''); setSearchTerm('');
setSelected(selected); setSelected(selected);
@ -76,7 +74,7 @@ const JKJamTracksFilter = () => {
}; };
const handleOnEnter = async queryStr => { const handleOnEnter = async queryStr => {
setPage(1); page.current = 1;
setJamTracks([]); setJamTracks([]);
setSelected(x => null); setSelected(x => null);
setSearchTerm(queryStr); setSearchTerm(queryStr);
@ -98,7 +96,7 @@ const JKJamTracksFilter = () => {
setJamTracks(prev => [...prev, ...data.jamtracks]); setJamTracks(prev => [...prev, ...data.jamtracks]);
setNextOffset(data.next); setNextOffset(data.next);
setTotalJamTracks(data.count); setTotalJamTracks(data.count);
setPage(page + 1); page.current = page.current + 1;
} catch (error) { } catch (error) {
console.error('error', error); console.error('error', error);
} }

4
jam-ui/src/components/page/JKPeopleSwiper.js
View File

@ -59,7 +59,9 @@ const JKPeopleSwiper = ({ people, goNextPage }) => {
))} ))}
</Swiper> </Swiper>
<div className="py-4 px-6 bg-white border-top w-100 fixed-bottom"> <div className="py-4 px-6 bg-white border-top w-100 fixed-bottom">
<div className="swiper-pagination" /> <div className="swiper-pagination">
<div></div>
</div>
<div className="swiper-button-prev" /> <div className="swiper-button-prev" />
<div className="swiper-button-next" /> <div className="swiper-button-next" />
</div> </div>