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

clean up photogallery query

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

14
src/pages/photogallery.js
View File

@ -19,7 +19,8 @@ const GalleryPage = ({ data }) => {
const [keyword, _setKeyword] = React.useState(null); const [keyword, _setKeyword] = React.useState(null);
const [sortKey, _setSortKey] = React.useState("rating"); const [sortKey, _setSortKey] = React.useState("rating");
const setKeyword = React.useCallback((keyword) => { const setKeyword = React.useCallback(
(keyword) => {
try { try {
window.plausible("Filter Keyword", { window.plausible("Filter Keyword", {
props: { keyword }, props: { keyword },
@ -28,7 +29,9 @@ const GalleryPage = ({ data }) => {
// do nothing // do nothing
} }
_setKeyword(keyword); _setKeyword(keyword);
}, [_setKeyword]); },
[_setKeyword]
);
const setSortKey = React.useCallback( const setSortKey = React.useCallback(
(key) => { (key) => {
@ -55,7 +58,6 @@ const GalleryPage = ({ data }) => {
const images = React.useMemo( const images = React.useMemo(
() => () =>
R.pipe( R.pipe(
R.map((edge) => edge.node),
sortKey === "date" sortKey === "date"
? R.sort((node1, node2) => { ? R.sort((node1, node2) => {
const date1 = new Date( const date1 = new Date(
@ -75,7 +77,7 @@ const GalleryPage = ({ data }) => {
) )
) )
: R.identity : R.identity
)(data.allFile.edges), )(data.allFile.nodes),
[data, sortKey, keyword] [data, sortKey, keyword]
); );
@ -169,8 +171,7 @@ export const query = graphql`
filter: { sourceInstanceName: { eq: "gallery" } } filter: { sourceInstanceName: { eq: "gallery" } }
sort: { fields: fields___imageMeta___dateTaken, order: DESC } sort: { fields: fields___imageMeta___dateTaken, order: DESC }
) { ) {
edges { nodes {
node {
relativePath relativePath
base base
childImageSharp { childImageSharp {
@ -201,7 +202,6 @@ export const query = graphql`
} }
} }
} }
}
`; `;
export default GalleryPage; export default GalleryPage;