public/Telereview
1
0
Fork 0
mirror of https://git.roussel.pro/telecom-paris/pact.git synced 2026-02-09 10:30:17 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

connexion a l'api d'avis

Browse Source
This commit is contained in:
Quentin Roussel
2023-02-12 14:58:39 +01:00
parent 4e807430d1
commit 096f056e41
12 changed files with 195 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
code/interface_admin/pages/avis/[id].js
View File

@@ -1,10 +1,12 @@
import { useRouter } from 'next/router';
import React from 'react'
import Avis from '../../components/Avis';
import useReview from '../../hooks/review';
export default function AvisPage() {
const router = useRouter();
const {id} = router.query;
const {review, loading, error} = useReview(id);
return (
<Avis age={20} sex={"f"} text={"dfjlkmksgflkgsjmdf"} grade={9} date={"2023-10-12 12:34"} gradeOther={[{title: "Propreté", grade: 8},{title: "Lorem ipsum", grade: 8}]}/>
!loading && !error && <Avis review={review}/>
)
}

10
code/interface_admin/pages/avis/index.js
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>