Merge branch 'dev' into vision-page

Author: pettinarip

.github/labeler.yml

@@ -1,34 +1,42 @@
 "review needed :eyes:":
   - src/**/*
+  - public/*
 
 "documentation :book:":
   - README.md
 
 "tooling :wrench:":
   - .github/**/*
   - src/scripts/*
-  - netlify.toml
+  - src/lib/*
+  - src/hooks/*
 
 "dependencies :package:":
   - package.json
   - yarn.lock
 
 "internal :house:":
-  - gatsby-browser.js
-  - gatsby-config.js
-  - gatsby-node.js
-  - gatsby-ssr.js
   - .all-contributorsrc
+  - i18n.config.json
+  - next.config.js
+  - next-i18next.config,js
+  - next-sitemap.config.js
+  - tsconfig.json
+  - .nvmrc
+  - .eslintignore
+  - .eslintrc.json
+  - .prettierignore
+  - .prettierrc
+  - netlify.toml
 
 "translation :earth_africa:":
-  - /content/translations/**/*
-  - src/intl/*
-  - src/utils/translations.js
+  - src/content/translations/**/*
+  - src/intl/**/*
+  - src/lib/utils/translations.ts
 
 "content :fountain_pen:":
   - src/pages/*
-  - src/pages-conditional/*
-  - /content/**/*
+  - public/content/**/*
 
 "event :date:":
   - src/data/community-events.json

src/components/PageHero.tsx

@@ -1,11 +1,5 @@
 import type { ReactNode } from "react"
-import {
-  Box,
-  Flex,
-  Heading,
-  Wrap,
-  WrapItem,
-} from "@chakra-ui/react"
+import { Box, Center, Flex, Heading, Wrap, WrapItem } from "@chakra-ui/react"
 
 import {
   Button,
@@ -151,22 +145,24 @@ const PageHero = ({
         )}
         {children}
       </Box>
-      <Image
-        src={image}
+      <Center
         flex="1 1 50%"
-        alignSelf="center"
+        maxWidth={{ base: "560px", lg: "624px" }}
         mt={{ base: 0, lg: 12 }}
         ms={{ base: 0, lg: 12 }}
-        maxWidth={{ base: "560px", lg: "624px" }}
-        sizes="100%"
-        style={{
-          width: "100%",
-          height: "auto",
-          objectFit: "contain",
-        }}
-        alt={alt}
-        priority
-      />
+      >
+        <Image
+          src={image}
+          sizes="100%"
+          style={{
+            width: "100%",
+            height: "auto",
+            objectFit: "contain",
+          }}
+          alt={alt}
+          priority
+        />
+      </Center>
     </Flex>
   </Box>
 )

src/lib/utils/translations.ts

@@ -83,7 +83,10 @@ const getRequiredNamespacesForPath = (path: string) => {
   }
 
   if (path.startsWith("/developers/local-environment")) {
-    requiredNamespaces = [...requiredNamespaces, "page-developers-local-environment"]
+    requiredNamespaces = [
+      ...requiredNamespaces,
+      "page-developers-local-environment",
+    ]
   }
 
   if (path.startsWith("/developers/learning-tools")) {
@@ -111,7 +114,15 @@ const getRequiredNamespacesForPath = (path: string) => {
   }
 
   if (path.startsWith("/roadmap/vision")) {
-    requiredNamespaces = [...requiredNamespaces, "page-roadmap-vision", "page-upgrades-index"]
+    requiredNamespaces = [
+      ...requiredNamespaces,
+      "page-roadmap-vision",
+      "page-upgrades-index",
+    ]
+  }
+
+  if (path.startsWith("/gas")) {
+    requiredNamespaces = [...requiredNamespaces, "page-gas", "page-community"]
   }
 
   // Quizzes