#1 Utilisation des vrai données
Signed-off-by: Avior <florian.bouillon@delta-wings.net>
This commit is contained in:
parent
a0f4a5f393
commit
e1dd4c94a3
@ -9,6 +9,7 @@
|
|||||||
"export": "next export"
|
"export": "next export"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"isomorphic-unfetch": "^3.0.0",
|
||||||
"mysql2": "^2.1.0",
|
"mysql2": "^2.1.0",
|
||||||
"next": "^9.3.0",
|
"next": "^9.3.0",
|
||||||
"react": "^16.13.0",
|
"react": "^16.13.0",
|
||||||
|
233
pages/flux.jsx
233
pages/flux.jsx
@ -1,232 +1,17 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import FluxItem from '../components/FluxItem'
|
import FluxItem from '../components/FluxItem'
|
||||||
|
import fetch from 'isomorphic-unfetch'
|
||||||
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 {
|
export default class Flux extends React.Component {
|
||||||
|
|
||||||
static getInitialProps(ctx) {
|
static async getInitialProps(ctx) {
|
||||||
return {data: fakeData}
|
let hostname = ''
|
||||||
|
if (ctx.req) {
|
||||||
|
hostname = `http://${ctx.req.headers.host}`
|
||||||
|
|
||||||
|
}
|
||||||
|
const data = await (await fetch(`${hostname}/api/photos`)).json()
|
||||||
|
return {data}
|
||||||
}
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
|
15
yarn.lock
15
yarn.lock
@ -3036,6 +3036,14 @@ isobject@^3.0.0, isobject@^3.0.1:
|
|||||||
resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
|
resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
|
||||||
integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8=
|
integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8=
|
||||||
|
|
||||||
|
isomorphic-unfetch@^3.0.0:
|
||||||
|
version "3.0.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/isomorphic-unfetch/-/isomorphic-unfetch-3.0.0.tgz#de6d80abde487b17de2c400a7ef9e5ecc2efb362"
|
||||||
|
integrity sha512-V0tmJSYfkKokZ5mgl0cmfQMTb7MLHsBMngTkbLY0eXvKqiVRRoZP04Ly+KhKrJfKtzC9E6Pp15Jo+bwh7Vi2XQ==
|
||||||
|
dependencies:
|
||||||
|
node-fetch "^2.2.0"
|
||||||
|
unfetch "^4.0.0"
|
||||||
|
|
||||||
jest-worker@24.9.0:
|
jest-worker@24.9.0:
|
||||||
version "24.9.0"
|
version "24.9.0"
|
||||||
resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5"
|
resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5"
|
||||||
@ -3535,7 +3543,7 @@ next@^9.3.0:
|
|||||||
webpack "4.43.0"
|
webpack "4.43.0"
|
||||||
webpack-sources "1.4.3"
|
webpack-sources "1.4.3"
|
||||||
|
|
||||||
node-fetch@2.6.0:
|
node-fetch@2.6.0, node-fetch@^2.2.0:
|
||||||
version "2.6.0"
|
version "2.6.0"
|
||||||
resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.0.tgz#e633456386d4aa55863f676a7ab0daa8fdecb0fd"
|
resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.0.tgz#e633456386d4aa55863f676a7ab0daa8fdecb0fd"
|
||||||
integrity sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA==
|
integrity sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA==
|
||||||
@ -5172,6 +5180,11 @@ typedarray@^0.0.6:
|
|||||||
resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
|
resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
|
||||||
integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
|
integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
|
||||||
|
|
||||||
|
unfetch@^4.0.0:
|
||||||
|
version "4.1.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/unfetch/-/unfetch-4.1.0.tgz#6ec2dd0de887e58a4dee83a050ded80ffc4137db"
|
||||||
|
integrity sha512-crP/n3eAPUJxZXM9T80/yv0YhkTEx2K1D3h7D1AJM6fzsWZrxdyRuLN0JH/dkZh1LNH8LxCnBzoPFCPbb2iGpg==
|
||||||
|
|
||||||
unicode-canonical-property-names-ecmascript@^1.0.4:
|
unicode-canonical-property-names-ecmascript@^1.0.4:
|
||||||
version "1.0.4"
|
version "1.0.4"
|
||||||
resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz#2619800c4c825800efdd8343af7dd9933cbe2818"
|
resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz#2619800c4c825800efdd8343af7dd9933cbe2818"
|
||||||
|
Reference in New Issue
Block a user