connexion a l'api d'avis

This commit is contained in:
2023-02-12 14:58:39 +01:00
parent 4e807430d1
commit 096f056e41
12 changed files with 195 additions and 83 deletions

View File

@@ -1,11 +1,13 @@
import React, { useEffect, useState } from 'react'
import { Card, Container, Form, Row, Table } from 'react-bootstrap'
import AvisList from '../../components/AvisList';
import useReviews from '../../hooks/reviews';
import styles from '../../styles/AvisListPage.module.css'
export default function AvisListPage() {
const [minGrade, setMinGrade] = useState(0);
const [maxGrade, setMaxGrade] = useState(10);
const {reviews, error, loading} = useReviews();
useEffect(() => {
if(minGrade > maxGrade) {
@@ -18,12 +20,6 @@ export default function AvisListPage() {
}
}, [minGrade])
const [avis, setAvis] = useState([
{ id: 0, date: "2023-02-11", grade: 10, comment: "lorem ipsum lorem ipsum" },
{ id: 1, date: "2023-02-11", grade: 10, comment: "Lorem ipsum lorem ipsum" },
{ id: 2, date: "2023-02-11", grade: 10, comment: "Lorem ipsum lorem ipsum" },
{ id: 3, date: "2023-02-11", grade: 10, comment: "Lorem ipsum lorem ipsum" }
])
return (
<Container fluid>
@@ -57,7 +53,7 @@ export default function AvisListPage() {
</Form>
</Row>
<Row>
<AvisList avis={avis} />
{!loading && !error && <AvisList avis={reviews} />}
</Row>
</Card.Body>
</Card>