upgrade gatsby

src/components/Nav.tsx

@@ -11,7 +11,7 @@ const navClasses =
 const ExternalLinks = ({ isVertical }: { isVertical: boolean }) => (
   <ul
     className={classnames(
-      "z-30 bg-vibrant-dark rounded-xl overflow-hidden",
+      "z-30 overflow-hidden",
       isVertical
         ? "inline-flex flex-wrap justify-center bg-vibrant-dark rounded-xl"
         : "absolute rounded-md top-[40px] border border-vibrant-light"

src/pages/asdf-resume.mdx

@@ -1,10 +0,0 @@
----
-title: Charles Dries Resume
----
-
-import ResumeLayout from "../components/resume/ResumeLayout";
-export default ResumeLayout;
-
-# Hello, World!
-
-<h2>{props.pageContext.frontmatter.title}</h2>

src/pages/index.tsx

@@ -219,94 +219,38 @@ const IndexPage = ({
             style={{ gridArea: "1/1" }}
           ></div>
         )}
-        {imageIsLandscape && (
-          <div className="hidden portrait:flex justify-center sm:my-2">
-            <ActionButtons
-              image={image}
-              isClient={isClient}
-              shuffleImage={shuffleImage}
-            />
-          </div>
-        )}
       </main>
     </>
   );
 };
 
-export const query = graphql`
-  query IndexPage {
-    allFile(
-      filter: {
-        sourceInstanceName: { eq: "gallery" }
-        base: {
-          in: [
-            # "DSC06616.jpg" # B&W abstract ## KEEP ON TOP
-            # "20160530-DSC09108.jpg" # portrait red flowers
-            # # "DSC00201.jpg" # duck
-            # "DSC04905.jpg" # purple layers
-            # "DSC05761.jpg" # monument valley
-            # "DSC05851.jpg" # utahn highway sunset
-            # # "DSC06245.jpg" # snowy milky way
-            # # # "DSC08521.jpg" # firepit bloom j&e
-            # # "DSC07490.jpg" # house on prairie
-            # # "DSC02538.jpg" # portrait pink cactus bloom
-            # # "20190624-DSC00771.jpg" # glacier forest fog
-            # # # "DSC00237.jpg" # cotton candy clouds
-            # "_DSC6062.jpg" # field of wildflowers
-            # # "_DSC6060.jpg" # edge of the world
-            # "_DSC6219.jpg" # whihte/yellow rosebush
-            # # "_DSC6243.jpg" # bright rose in darkness
-            # # "_DSC6400-2.jpg" # Horsetail falls
-            # # "_DSC6798.jpg" # Japanese zen garden
-            # # "_DSC6481.jpg" # Mt Hood from Powell Butte
-            # # "_DSC5916.jpg" # blue dart stinger
-            # # "_DSC0286.jpg" # god rays
-            # # "_DSC8998.jpg" # forest road
-            # # "DSC01169.jpg" # ferris wheel reflection
-            # "DSC01800.jpg" # cherry blossom landscape sunny sky
-            # "DSC01772.jpg" # cherry blossom portrait sunny sky
-            # # "DSC06201.jpg" # Wheatland snowy hills
-            # "DSC01924.jpg" # cherry blossom sea
-            # # "DSC03157.jpg" # constellation of flowers
-            # "DSC02610.jpg" # peter iredale portrait
-            # "DSC02615.jpg" # rori iredale beach field camera
-            "DSC02615-2.jpg" # same but red
-            # "DSC06490.jpg" # Japanese garden steps
-            # "DSC06687.jpg" # Multnomah Falls long exposure
-            # "DSC09932.jpg" # milky way
-            # "DSC09944.jpg" # milky way rori
-            # "DSC03725.jpg" # oregon coast lighthouse
-            # "DSC03750.jpg"
-            # "DSC03804.jpg"
-            # "DSC04122.jpg" # shoot the light wheel hallway
-          ]
+export const query = graphql`query IndexPage {
+  allFile(
+    filter: {sourceInstanceName: {eq: "gallery"}, base: {in: ["DSC02615-2.jpg"]}}
+    sort: {fields: {imageMeta: {dateTaken: DESC}}}
+  ) {
+    nodes {
+      relativePath
+      base
+      childImageSharp {
+        fluid {
+          aspectRatio
         }
+        gatsbyImageData(
+          layout: FULL_WIDTH
+          placeholder: NONE
+          breakpoints: [750, 1080, 1366, 1920, 2560, 3840]
+        )
       }
-      sort: { order: DESC, fields: fields___imageMeta___dateTaken }
-    ) {
-      nodes {
-        relativePath
-        base
-        childImageSharp {
-          fluid {
-            aspectRatio
-          }
-          gatsbyImageData(
-            layout: FULL_WIDTH
-            placeholder: NONE
-            breakpoints: [750, 1080, 1366, 1920, 2560, 3840]
-          )
-        }
-        fields {
-          imageMeta {
-            vibrant {
-              ...VibrantColors
-            }
+      fields {
+        imageMeta {
+          vibrant {
+            ...VibrantColors
           }
         }
       }
     }
   }
-`;
+}`;
 
 export default IndexPage;

src/pages/photogallery.tsx

@@ -241,43 +241,37 @@ const GalleryPage = ({ data }: PageProps<Queries.GalleryPageQueryQuery>) => {
   );
 };
 
-export const query = graphql`
-  query GalleryPageQuery {
-    allFile(
-      filter: { sourceInstanceName: { eq: "gallery" } }
-      sort: { fields: fields___imageMeta___dateTaken, order: DESC }
-    ) {
-      nodes {
-        relativePath
-        base
-        childImageSharp {
-          fluid {
-            aspectRatio
-          }
-          gatsbyImageData(
-            layout: CONSTRAINED
-            height: 550
-            placeholder: DOMINANT_COLOR
-          )
+export const query = graphql`query GalleryPageQuery {
+  allFile(
+    filter: {sourceInstanceName: {eq: "gallery"}}
+    sort: {fields: {imageMeta: {dateTaken: DESC}}}
+  ) {
+    nodes {
+      relativePath
+      base
+      childImageSharp {
+        fluid {
+          aspectRatio
         }
-        fields {
-          imageMeta {
-            vibrantHue
-            dominantHue
-            dateTaken
-            meta {
-              Keywords
-              Rating
-              ObjectName
-            }
-            vibrant {
-              Vibrant
-            }
+        gatsbyImageData(layout: CONSTRAINED, height: 550, placeholder: DOMINANT_COLOR)
+      }
+      fields {
+        imageMeta {
+          vibrantHue
+          dominantHue
+          dateTaken
+          meta {
+            Keywords
+            Rating
+            ObjectName
+          }
+          vibrant {
+            Vibrant
           }
         }
       }
     }
   }
-`;
+}`;
 
 export default GalleryPage;

src/utils.ts

@@ -95,7 +95,7 @@ export const getGalleryPageUrl = ({ keyword, sortKey }: galleryPageUrlProps, has
       typeof window !== "undefined"
         ? window.location.origin
         : "https://chuckdries.com"
-    }/`
+    }/photogallery/`
   );
   if (keyword !== undefined) {
     if (keyword === null) {