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

ajout de composants pour li'nterface admin

Browse Source
This commit is contained in:
Quentin Roussel
2023-02-12 13:05:56 +01:00
parent 97c95f145c
commit 4e807430d1
11 changed files with 319 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
code/interface_admin/components/Avis.jsx Normal file
View File

@@ -0,0 +1,56 @@
import React from 'react'
import { Card, Col, Row, Table } from 'react-bootstrap';
import { BsPersonFill } from 'react-icons/bs';
import styles from '../styles/Avis.module.css'
export default function Avis({ age, sex, text, date, grade, gradeOther }) {
return (
<Card>
<Card.Title>Avis</Card.Title>
<Card.Body>
<Row>
<h2>Auteur</h2>
<Col xs={1}>
<BsPersonFill className={styles.personIcon} />
</Col>
<Col className='d-flex flex-column'>
<p>Age : {age}</p>
<p>Sexe : {sex}</p>
<p>Date de publication : {date}</p>
</Col>
</Row>
<Row>
<h2>Notes</h2>
<Table>
<thead>
<tr>
<th>Critère</th>
<th>Note</th>
</tr>
</thead>
<tbody>
<tr>
<td>Général</td>
<td>{grade} / 10</td>
</tr>
{gradeOther.map(({ title, grade }) => {
return <tr key={title}>
<td>{title}</td>
<td>{grade}/10</td>
</tr>
})}
</tbody>
</Table>
</Row>
<Row>
<Card>
<Card.Header>Commentaire</Card.Header>
<Card.Body>
{text}
</Card.Body>
</Card>
</Row>
</Card.Body>
</Card>
)
}