From 8e62eca18a38fd3ada5f97405108378b6d9ef3ee Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Sun, 10 Jul 2022 15:34:26 -0700
Subject: [PATCH] don't store sort in URL, and use splat route to catch 404s
 when user goes directly to page

---
 src/pages/{photogallery.js => photogallery/[...].js} | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)
 rename src/pages/{photogallery.js => photogallery/[...].js} (96%)

diff --git a/src/pages/photogallery.js b/src/pages/photogallery/[...].js
similarity index 96%
rename from src/pages/photogallery.js
rename to src/pages/photogallery/[...].js
index a383e6c..5fe6b8e 100644
--- a/src/pages/photogallery.js
+++ b/src/pages/photogallery/[...].js
@@ -5,9 +5,10 @@ import { navigate } from "gatsby";
 import { Helmet } from "react-helmet";
 import { Picker, Item } from "@adobe/react-spectrum";
 
-import MasonryGallery from "../components/MasonryGallery";
-import KeywordsPicker from "../components/KeywordsPicker";
+import MasonryGallery from "../../components/MasonryGallery";
+import KeywordsPicker from "../../components/KeywordsPicker";
 import { useQueryParamString } from "react-use-query-param-string";
+import { useState } from "react";
 
 const SORT_KEYS = {
   hue: ["fields", "imageMeta", "vibrantHue"],
@@ -18,8 +19,8 @@ const SORT_KEYS = {
 
 const GalleryPage = ({ data }) => {
   const [keyword, _setKeyword] = useQueryParamString("filter", null);
-  const [sortKey, _setSortKey] = useQueryParamString("sort", "rating");
   const [showDebug, _setShowDebug] = useQueryParamString("debug", false);
+  const [sortKey, _setSortKey] = useState("rating");
 
   const setKeyword = React.useCallback(
     (keyword) => {