clean up photogallery query

src/pages/photogallery.js

@@ -19,16 +19,19 @@ const GalleryPage = ({ data }) => {
   const [keyword, _setKeyword] = React.useState(null);
   const [sortKey, _setSortKey] = React.useState("rating");
 
-  const setKeyword = React.useCallback((keyword) => {
+  const setKeyword = React.useCallback(
-    try {
+    (keyword) => {
-      window.plausible("Filter Keyword", {
+      try {
-        props: { keyword },
+        window.plausible("Filter Keyword", {
-      });
+          props: { keyword },
-    } catch (e) {
+        });
-      // do nothing
+      } catch (e) {
-    }
+        // do nothing
-    _setKeyword(keyword);
+      }
-  }, [_setKeyword]);
+      _setKeyword(keyword);
+    },
+    [_setKeyword]
+  );
 
   const setSortKey = React.useCallback(
     (key) => {
@@ -55,7 +58,6 @@ const GalleryPage = ({ data }) => {
   const images = React.useMemo(
     () =>
       R.pipe(
-        R.map((edge) => edge.node),
         sortKey === "date"
           ? R.sort((node1, node2) => {
               const date1 = new Date(
@@ -75,7 +77,7 @@ const GalleryPage = ({ data }) => {
               )
             )
           : R.identity
-      )(data.allFile.edges),
+      )(data.allFile.nodes),
     [data, sortKey, keyword]
   );
 
@@ -169,33 +171,31 @@ export const query = graphql`
       filter: { sourceInstanceName: { eq: "gallery" } }
       sort: { fields: fields___imageMeta___dateTaken, order: DESC }
     ) {
-      edges {
+      nodes {
-        node {
+        relativePath
-          relativePath
+        base
-          base
+        childImageSharp {
-          childImageSharp {
+          fluid {
-            fluid {
+            aspectRatio
-              aspectRatio
-            }
-            gatsbyImageData(
-              layout: CONSTRAINED
-              height: 550
-              placeholder: DOMINANT_COLOR
-            )
           }
-          fields {
+          gatsbyImageData(
-            imageMeta {
+            layout: CONSTRAINED
-              vibrantHue
+            height: 550
-              dominantHue
+            placeholder: DOMINANT_COLOR
-              dateTaken
+          )
-              meta {
+        }
-                Keywords
+        fields {
-                Rating
+          imageMeta {
-                ObjectName
+            vibrantHue
-              }
+            dominantHue
-              vibrant {
+            dateTaken
-                Vibrant
+            meta {
-              }
+              Keywords
+              Rating
+              ObjectName
+            }
+            vibrant {
+              Vibrant
             }
           }
         }