added default title and lang attribute

ConductionNL · Jan 29, 2024 · e0a3677 · e0a3677
1 parent 2d19a73
commit e0a3677
Show file tree

Hide file tree

Showing 6 changed files with 51 additions and 1 deletion.
diff --git a/pwa/gatsby-browser.js b/pwa/gatsby-browser.js
@@ -23,3 +23,8 @@ export const wrapRootElement = ({ element }) => {
     </QueryClientProvider>
   );
 };
+
+export const onRenderBody = ({ setHeadComponents }) => {
+  const HeadComponents = [<title key={0}>Woo Website Template</title>];
+  setHeadComponents(HeadComponents);
+};
diff --git a/pwa/gatsby-config.js b/pwa/gatsby-config.js
@@ -40,5 +40,11 @@ module.exports = {
         ],
       },
     },
+    {
+      resolve: "gatsby-plugin-html-attributes",
+      options: {
+        lang: "nl-NL",
+      },
+    },
   ],
 };
diff --git a/pwa/gatsby-ssr.js b/pwa/gatsby-ssr.js
@@ -23,3 +23,8 @@ export const wrapRootElement = ({ element }) => {
     </QueryClientProvider>
   );
 };
+
+export const onRenderBody = ({ setHeadComponents }) => {
+  const HeadComponents = [<title key={0}>Woo Website Template</title>];
+  setHeadComponents(HeadComponents);
+};
diff --git a/pwa/package-lock.json b/pwa/package-lock.json
diff --git a/pwa/package.json b/pwa/package.json
@@ -4,7 +4,9 @@
   "private": true,
   "description": "Product Website Template",
   "author": "Conduction",
-  "keywords": ["gatsby"],
+  "keywords": [
+    "gatsby"
+  ],
   "scripts": {
     "develop": "gatsby develop",
     "start": "gatsby develop",
@@ -68,6 +70,7 @@
     "dedent": "^1.5.1",
     "gatsby": "^5.13.3",
     "gatsby-plugin-breadcrumb": "^12.3.2",
+    "gatsby-plugin-html-attributes": "^1.0.5",
     "gatsby-plugin-layout": "^4.13.1",
     "html-react-parser": "^5.1.1",
     "i18next": "^23.7.19",

diff --git a/pwa/src/layout/Layout.tsx b/pwa/src/layout/Layout.tsx
@@ -14,6 +14,7 @@ import { far } from "@fortawesome/free-regular-svg-icons";
 import { IconPack, library } from "@fortawesome/fontawesome-svg-core";
 import { useEnvironment } from "../hooks/useEnvironment";
 import { ToolTip } from "@conduction/components";
+import { Helmet } from "react-helmet";
 
 export const TOOLTIP_ID = "cb8f47c3-7151-4a46-954d-784a531b01e6";