chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

clean up index query

Browse Source
This commit is contained in:
Chuck Dries 2022-07-09 22:19:38 -07:00
parent 3bc06cc0c8
commit cbc77893c5
No known key found for this signature in database
GPG Key ID: A00B7AEAE1DC5BE6
1 changed files with 17 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/pages/index.js
View File

@ -26,12 +26,11 @@ const getDifferentRand = (range, lastNs, iterations = 0) => {
const IndexPage = ({
data: {
allFile: { edges },
allFile: { nodes: images },
},
}) => {
const [isClient, setIsClient] = React.useState(false);
const [imageIndex, setImageIndex] = React.useState(0);
const images = React.useMemo(() => edges.map((edge) => edge.node), [edges]);
const image = React.useMemo(() => {
return images[imageIndex];
}, [images, imageIndex]);
@ -255,25 +254,23 @@ export const query = graphql`
}
sort: { order: DESC, fields: fields___imageMeta___dateTaken }
) {
edges {
node {
relativePath
base
childImageSharp {
fluid {
aspectRatio
}
gatsbyImageData(
layout: FULL_WIDTH
placeholder: NONE
breakpoints: [750, 1080, 1366, 1920, 2560, 3840]
)
nodes {
relativePath
base
childImageSharp {
fluid {
aspectRatio
}
fields {
imageMeta {
vibrant {
...VibrantColors
}
gatsbyImageData(
layout: FULL_WIDTH
placeholder: NONE
breakpoints: [750, 1080, 1366, 1920, 2560, 3840]
)
}
fields {
imageMeta {
vibrant {
...VibrantColors
}
}
}