Ajout de la page Flux

Signed-off-by: Avior <florian.bouillon@delta-wings.net>
This commit is contained in:
2020-04-28 16:58:20 +02:00
parent 9a2337945e
commit 215383a526
9 changed files with 1674 additions and 1895 deletions

241
pages/flux.jsx Normal file
View File

@ -0,0 +1,241 @@
import React from 'react'
import FluxItem from '../components/FluxItem'
const fakeData = [{
pseudo: 'Avior',
path: '/baniere@2x.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/photo-filtre.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/Rectangle 6.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},{
pseudo: 'Avior',
path: '/phone.png',
location: 'Chateau de la madame'
},]
export default class Flux extends React.Component {
static getInitialProps(ctx) {
return {data: fakeData}
}
render() {
return (
<div>
{this.props.data.map((el, index) => (
<FluxItem key={index} item={el} />
))}
</div>
)
}
}