Recherche dans la page de morceau
This commit is contained in:
parent
28b2843aff
commit
fb21950e7a
@ -1,10 +1,10 @@
|
|||||||
import { Button } from 'react-bootstrap';
|
|
||||||
import { useEffect } from "react";
|
import { useEffect } from "react";
|
||||||
import ItemList from "../components/ItemList";
|
import ItemList from "../components/ItemList";
|
||||||
import { useState } from 'react';
|
import { useState } from 'react';
|
||||||
import Sorting from "../components/Sorting"
|
import Sorting from "../components/Sorting"
|
||||||
import Filters from '../components/Filters';
|
import Filters from '../components/Filters';
|
||||||
import { useLocation } from 'react-router-dom';
|
import { useLocation } from 'react-router-dom';
|
||||||
|
import ResearchBar from "../components/ResearchBar";
|
||||||
|
|
||||||
const Morceaux = () => {
|
const Morceaux = () => {
|
||||||
|
|
||||||
@ -21,6 +21,7 @@ const Morceaux = () => {
|
|||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
document.title = 'Morceaux';
|
document.title = 'Morceaux';
|
||||||
setIsLoading(true);
|
setIsLoading(true);
|
||||||
|
setIsSearch(false);
|
||||||
|
|
||||||
|
|
||||||
async function fetchData(isSearch) {
|
async function fetchData(isSearch) {
|
||||||
@ -45,7 +46,7 @@ const Morceaux = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
setIsLoading(false);
|
setIsLoading(false);
|
||||||
}, []);
|
}, [state]);
|
||||||
|
|
||||||
const handleNextItems = async () => {
|
const handleNextItems = async () => {
|
||||||
|
|
||||||
@ -107,6 +108,7 @@ const Morceaux = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="morceaux" >
|
<div className="morceaux" >
|
||||||
|
<ResearchBar />
|
||||||
<div className="morceaux-options-container">
|
<div className="morceaux-options-container">
|
||||||
<div className='filters-container'>
|
<div className='filters-container'>
|
||||||
<Filters onChange={handleFilters} />
|
<Filters onChange={handleFilters} />
|
||||||
|
Loading…
Reference in New Issue
Block a user