remove log and apply client side sort

src/components/MasonryGallery.js

@@ -101,7 +101,6 @@ const MasonryGallery = ({
         const widthNumber = ((ar / rowAspectRatioSum) * 100).toFixed(7);
 
         const width = `${widthNumber}%`;
-        console.log(image.fields.imageMeta.dominantHue);
         return (
           <Link
             className={classNames(

src/pages/photogallery.js

@@ -15,7 +15,7 @@ const GalleryPage = ({ data }) => {
         R.map((edge) => edge.node),
         debug
           ? R.sortBy(R.path(["fields", "imageMeta", "dominantHue", 0]))
-          : R.identity
+          : R.sortBy(R.path(["fields", "imageMeta", "vibrantHue"]))
       )(data.allFile.edges),
     [data, debug]
   );