Merge pull request 'Update' (#10) from dcio_refactor into main

Reviewed-on: #10

.npmrc

@@ -1 +1 @@
-ignore-scripts=true
+legacy-peer-deps=true

.nvmrc

@@ -1 +1 @@
-v14.17.0
+v20.19.6

package.json

@@ -18,26 +18,26 @@
   },
   "dependencies": {
     "@browniebroke/gatsby-image-gallery": "^8.2.0",
-    "@mdx-js/mdx": "^3.0.1",
-    "@mdx-js/react": "^3.0.1",
+    "@mdx-js/mdx": "^3.1.1",
+    "@mdx-js/react": "^3.1.1",
     "babel-plugin-styled-components": "^2.1.4",
-    "gatsby": "^5.13.6",
+    "gatsby": "^5.15.0",
     "gatsby-plugin-google-analytics": "^5.13.1",
     "gatsby-plugin-google-fonts": "^1.0.1",
-    "gatsby-plugin-image": "^3.13.1",
+    "gatsby-plugin-image": "^3.15.0",
     "gatsby-plugin-local-search": "^2.0.1",
-    "gatsby-plugin-manifest": "^5.13.1",
-    "gatsby-plugin-matomo": "0.16.2",
-    "gatsby-plugin-react-helmet": "^6.13.1",
-    "gatsby-plugin-sharp": "^5.13.1",
-    "gatsby-plugin-sitemap": "^6.13.1",
-    "gatsby-plugin-styled-components": "^6.13.1",
+    "gatsby-plugin-manifest": "^5.15.0",
+    "gatsby-plugin-matomo": "^0.17.0",
+    "gatsby-plugin-react-helmet": "^6.15.0",
+    "gatsby-plugin-sharp": "^5.15.0",
+    "gatsby-plugin-sitemap": "^6.15.0",
+    "gatsby-plugin-styled-components": "^6.15.0",
     "gatsby-remark-embed-video": "^3.2.1",
-    "gatsby-remark-images": "^7.13.1",
-    "gatsby-remark-responsive-iframe": "^6.13.1",
-    "gatsby-source-filesystem": "^5.13.1",
-    "gatsby-transformer-remark": "^6.13.1",
-    "gatsby-transformer-sharp": "^5.13.1",
+    "gatsby-remark-images": "^7.15.0",
+    "gatsby-remark-responsive-iframe": "^6.15.0",
+    "gatsby-source-filesystem": "^5.15.0",
+    "gatsby-transformer-remark": "^6.15.0",
+    "gatsby-transformer-sharp": "^5.15.0",
     "nostr-tools": "^2.7.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

src/components/shared/styledComponents.js

@@ -63,12 +63,14 @@ export const SolidButton = ({
   children,
   theme = 'light',
   type = 'submit',
+  disabled = false,
   onClick = undefined
 }) => (
   <StyledSolidButton
     type={type}
     className={`btn btn-${theme}`}
     onClick={onClick}
+    disabled={disabled}
   >
     {children}
   </StyledSolidButton>

src/pages/contact.tsx

@@ -186,7 +186,9 @@ Message: ${message}`
                 ></textarea>
               </div>
               <div className="mb-3">
-                <SolidButton theme="dark">Submit</SolidButton>
+                <SolidButton theme="dark" disabled={emailError}>
+                  Submit
+                </SolidButton>
               </div>
             </form>
             {notification && <span>{notification}</span>}