From Chocolate Peccary, 3 Years ago, written in Plain Text.

This paste is a reply to Re: ListeDossier.css from Sludgy Pheasant - go back

URL https://pastebin.pl/view/48ccf332

Embed

Viewing differences between Re: ListeDossier.css and ListeRdv.js

.voirPlus{
    text-align: right;
    font: 14px/21px Source Sans Pro;
    letter-spacing: 0px;
    color: #217084;
    opacity: 1
import React from 'react'
import Table from 'react-bootstrap/Table'
import "./listeRdv.css"

const ListeRdv = () => {

    const users = [

        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 1' ,heureetdate : '09/03/2022, 11:30'  },
        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 2' ,heureetdate : '09/03/2022, 12:30'  },
        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 3 ',heureetdate : '09/03/2022, 13:30'  },
        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 3 ',heureetdate : '09/03/2022, 13:30' },
    ]


  return (






                                N° DOSSIER
                                PATIENT
                                MOTIF
                                DATE DU RDV





                                {
                                users.map((item,i)=>

                                {item.NoDOSSIER}
                                {item.PATIENT}
                                {item.MOTIF}
                                {item.heureetdate}
                                consulter
                                Reporter/Annuler

                                )
                                }



            Voir plus



  )
}
export default ListeRdv;

Replies to ListeRdv.js

Title	Name	Language	UNIX	When
Re: ListeRdv.css	Cobalt Crow	text	1653243472	3 Years ago.

Author

Title

Language

Your paste - Paste your paste here

import React from 'react'
import Table from 'react-bootstrap/Table'
import &quot;./listeRdv.css&quot;

const ListeRdv = () =&gt; {

const users = [

{NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 1' ,heureetdate : '09/03/2022, 11:30'  },
        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 2' ,heureetdate : '09/03/2022, 12:30'  },
        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 3 ',heureetdate : '09/03/2022, 13:30'  },
        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 3 ',heureetdate : '09/03/2022, 13:30' },
    ]

return (
    &lt;div&gt;
        
                    &lt;Table className='tableRdv'&gt;
                            &lt;thead&gt;
                                &lt;tr&gt;
                                &lt;th&gt;N° DOSSIER&lt;/th&gt;
                                &lt;th&gt;PATIENT&lt;/th&gt;
                                &lt;th&gt;MOTIF&lt;/th&gt;
                                &lt;th&gt;DATE DU RDV&lt;/th&gt;
                                &lt;th&gt;&lt;/th&gt;
                                &lt;th&gt;&lt;/th&gt;
                                &lt;/tr&gt;
                            &lt;/thead&gt;
                            &lt;tbody&gt;
                                {
                                users.map((item,i)=&gt;
                                &lt;tr key={i}&gt;
                                &lt;td&gt;{item.NoDOSSIER}&lt;/td&gt;
                                &lt;td&gt;{item.PATIENT}&lt;/td&gt;
                                &lt;td&gt;{item.MOTIF}&lt;/td&gt;
                                &lt;td&gt;{item.heureetdate}&lt;/td&gt;
                                &lt;td&gt;&lt;button className='consulterBtn'&gt;consulter&lt;/button&gt;&lt;/td&gt;
                                &lt;td&gt;&lt;button className='reporterBtn'&gt;Reporter/Annuler&lt;/button&gt;&lt;/td&gt;
                                &lt;/tr&gt;
                                )
                                }
                            &lt;/tbody&gt;
                            &lt;/Table&gt;
    
            &lt;div className='voirPlusbtn' &gt;&lt;a href=&quot;test&quot; &gt;Voir plus&lt;/a&gt;&lt;/div&gt;
    &lt;/div&gt;
  )
}
export default ListeRdv;

Private - Private paste aren't shown in recent listings.

Delete After - When should we delete your paste?

Spam protection -