Ajout de la page Flux
Signed-off-by: Avior <florian.bouillon@delta-wings.net>
This commit is contained in:
241
pages/flux.jsx
Normal file
241
pages/flux.jsx
Normal 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>
|
||||
)
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user