Merge branch 'dev' into stablecoins-page

Author: nhsz

netlify.toml

@@ -19,7 +19,7 @@
 
 [functions]
   included_files = [
-    "!./src/data/**/*",
+    "./src/intl/**/*",
     "!./public/**/*",
-    
+    "!./node_modules/@swc/core-linux-x64-musl/**/*",
   ]

src/components/Contributors.tsx

@@ -1,12 +1,10 @@
-import { useEffect, useState } from "react"
 import { shuffle } from "lodash"
 import { Box, Flex, Image, LinkBox, LinkOverlay } from "@chakra-ui/react"
 
 import InlineLink from "@/components/Link"
 import Text from "@/components/OldText"
 
-// TODO: Re-import once Crowdin scripts are functional and data available
-// import data from "../data/contributors.json"
+import data from "!!raw-loader!@/../.all-contributorsrc"
 
 export interface Contributor {
   login: string
@@ -17,15 +15,7 @@ export interface Contributor {
 }
 
 const Contributors = () => {
-  const [contributorsList, setContributorsList] = useState<Array<Contributor>>(
-    []
-  )
-
-  // TODO: Re-enable once Crowdin scripts are functional and data available
-  // useEffect(() => {
-  //   const list = shuffle(data.contributors)
-  //   setContributorsList(list)
-  // }, [])
+  const contributorsList = shuffle(JSON.parse(data).contributors)
 
   return (
     <>

src/components/ReleaseBanner.tsx

@@ -48,11 +48,12 @@ const HeroContainer = (props: ChildOnlyProp) => (
     mb={{ base: 8, lg: 0 }}
     maxH={{ base: "100%", lg: "none" }}
     {...props}
+    justify="space-between"
   />
 )
 
 const TitleCard = (props: ChildOnlyProp) => (
-  <Flex p={8} direction="column" justify="flex-start" {...props} />
+  <Flex w="full" p={8} direction="column" justify="flex-start" {...props} />
 )
 
 // Roadmap layout components
@@ -140,11 +141,6 @@ export const RoadmapLayout: React.FC<IProps> = ({
         />
       ) : (
         <HeroContainer>
-          <Flex
-            w="full"
-            flexDirection={{ base: "column", lg: "row" }}
-            justify="space-between"
-          >
             <TitleCard>
               {/* TODO: Double check this slug works */}
               <Breadcrumbs slug={slug} mb="8" />
@@ -186,12 +182,11 @@ export const RoadmapLayout: React.FC<IProps> = ({
                 src={frontmatter.image}
                 alt={frontmatter.alt ?? ""}
                 style={{ objectFit: "contain" }}
-                width={700}
+                width={1504}
                 height={345}
                 priority
               />
             </Center>
-          </Flex>
         </HeroContainer>
       )}
       <Page>

src/layouts/Roadmap.tsx

@@ -74,7 +74,6 @@
     "./src/components/Modal.tsx",
     "./src/components/Morpher.tsx",
     "./src/components/OrderedList.tsx",
-    "./src/components/ReleaseBanner.tsx",
     "./src/components/RollupProductDevDoc.tsx",
     "./src/components/Search/SearchButton.tsx",
     "./src/components/Search/SearchModal.tsx",