mirror of
https://git.roussel.pro/telecom-paris/pact.git
synced 2026-02-09 18:40:17 +01:00
connexion a l'api d'avis
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user