1. import React from 'react'
2. import Table from 'react-bootstrap/Table'
3. import "./listeRdv.css"
4.  
5. const ListeRdv = () => {
6.  
7.     const users = [
8.  
9.         {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 1' ,heureetdate : '09/03/2022, 11:30'  },
10.         {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 2' ,heureetdate : '09/03/2022, 12:30'  },
11.         {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 3 ',heureetdate : '09/03/2022, 13:30'  },
12.         {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 3 ',heureetdate : '09/03/2022, 13:30' },
13.     ]
14.    
15.  
16.  
17.  
18.   return (
19.     <div>
20.        
21.                     <Table className='tableRdv'>
22.                             <thead>
23.                                 <tr>
24.                                 <th>N° DOSSIER</th>
25.                                 <th>PATIENT</th>
26.                                 <th>MOTIF</th>
27.                                 <th>DATE DU RDV</th>
28.                                 <th></th>
29.                                 <th></th>
30.                                 </tr>
31.                             </thead>
32.                             <tbody>
33.                                 {
34.                                 users.map((item,i)=>
35.                                 <tr key={i}>
36.                                 <td>{item.NoDOSSIER}</td>
37.                                 <td>{item.PATIENT}</td>
38.                                 <td>{item.MOTIF}</td>
39.                                 <td>{item.heureetdate}</td>
40.                                 <td><button className='consulterBtn'>consulter</button></td>
41.                                 <td><button className='reporterBtn'>Reporter/Annuler</button></td>
42.                                 </tr>
43.                                 )
44.                                 }
45.                             </tbody>
46.                             </Table>
47.    
48.             <div className='voirPlusbtn' ><a href="test" >Voir plus</a></div>
49.     </div>
50.   )
51. }
52. export default ListeRdv;
53.