Merge pull request #11670 from ethereum/staging

Deploy v7.24.1

Author: wackerow

.all-contributorsrc

@@ -10767,6 +10767,69 @@
       "contributions": [
         "content"
       ]
+    },
+    {
+      "login": "pseudomata",
+      "name": "Pseudomata",
+      "avatar_url": "https://avatars.githubusercontent.com/u/132238190?v=4",
+      "profile": "https://pseudomata.com",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "CodeDragonVN",
+      "name": "CodeDragonVN",
+      "avatar_url": "https://avatars.githubusercontent.com/u/150457827?v=4",
+      "profile": "https://github.com/CodeDragonVN",
+      "contributions": [
+        "content"
+      ]
+    },
+    {
+      "login": "SamiAlHassan",
+      "name": "SamiAlHassan",
+      "avatar_url": "https://avatars.githubusercontent.com/u/150172180?v=4",
+      "profile": "https://github.com/SamiAlHassan",
+      "contributions": [
+        "content"
+      ]
+    },
+    {
+      "login": "NaijaCoderGirl",
+      "name": "NaijaCoderGirl",
+      "avatar_url": "https://avatars.githubusercontent.com/u/150683513?v=4",
+      "profile": "https://github.com/NaijaCoderGirl",
+      "contributions": [
+        "content"
+      ]
+    },
+    {
+      "login": "konstantinzolotarev",
+      "name": "Konstantin Zolotarev",
+      "avatar_url": "https://avatars.githubusercontent.com/u/286431?v=4",
+      "profile": "https://github.com/konstantinzolotarev",
+      "contributions": [
+        "content"
+      ]
+    },
+    {
+      "login": "vuittont60",
+      "name": "vuittont60",
+      "avatar_url": "https://avatars.githubusercontent.com/u/81072379?v=4",
+      "profile": "https://github.com/vuittont60",
+      "contributions": [
+        "content"
+      ]
+    },
+    {
+      "login": "goldnite",
+      "name": "Golden Ite",
+      "avatar_url": "https://avatars.githubusercontent.com/u/114434414?v=4",
+      "profile": "http://goldnite.github.io",
+      "contributions": [
+        "content"
+      ]
     }
   ],
   "contributorsPerLine": 7,

README.md

@@ -1683,6 +1683,15 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
       <td align="center" valign="top" width="14.28%"><a href="https://www.darigovresearch.com/"><img src="https://avatars.githubusercontent.com/u/30328618?v=4?s=100" width="100px;" alt="Darigov Research"/><br /><sub><b>Darigov Research</b></sub></a><br /><a href="#content-darigovresearch" title="Content">🖋</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/shubhusion"><img src="https://avatars.githubusercontent.com/u/96301987?v=4?s=100" width="100px;" alt="SHUBHAM SHARMA "/><br /><sub><b>SHUBHAM SHARMA </b></sub></a><br /><a href="#ideas-shubhusion" title="Ideas, Planning, & Feedback">🤔</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/paulallensuxs"><img src="https://avatars.githubusercontent.com/u/114240091?v=4?s=100" width="100px;" alt="paulallensuxs"/><br /><sub><b>paulallensuxs</b></sub></a><br /><a href="#content-paulallensuxs" title="Content">🖋</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://pseudomata.com"><img src="https://avatars.githubusercontent.com/u/132238190?v=4?s=100" width="100px;" alt="Pseudomata"/><br /><sub><b>Pseudomata</b></sub></a><br /><a href="https://github.com/ethereum/ethereum-org-website/commits?author=pseudomata" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/CodeDragonVN"><img src="https://avatars.githubusercontent.com/u/150457827?v=4?s=100" width="100px;" alt="CodeDragonVN"/><br /><sub><b>CodeDragonVN</b></sub></a><br /><a href="#content-CodeDragonVN" title="Content">🖋</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/SamiAlHassan"><img src="https://avatars.githubusercontent.com/u/150172180?v=4?s=100" width="100px;" alt="SamiAlHassan"/><br /><sub><b>SamiAlHassan</b></sub></a><br /><a href="#content-SamiAlHassan" title="Content">🖋</a></td>
+    </tr>
+    <tr>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/NaijaCoderGirl"><img src="https://avatars.githubusercontent.com/u/150683513?v=4?s=100" width="100px;" alt="NaijaCoderGirl"/><br /><sub><b>NaijaCoderGirl</b></sub></a><br /><a href="#content-NaijaCoderGirl" title="Content">🖋</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/konstantinzolotarev"><img src="https://avatars.githubusercontent.com/u/286431?v=4?s=100" width="100px;" alt="Konstantin Zolotarev"/><br /><sub><b>Konstantin Zolotarev</b></sub></a><br /><a href="#content-konstantinzolotarev" title="Content">🖋</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/vuittont60"><img src="https://avatars.githubusercontent.com/u/81072379?v=4?s=100" width="100px;" alt="vuittont60"/><br /><sub><b>vuittont60</b></sub></a><br /><a href="#content-vuittont60" title="Content">🖋</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="http://goldnite.github.io"><img src="https://avatars.githubusercontent.com/u/114434414?v=4?s=100" width="100px;" alt="Golden Ite"/><br /><sub><b>Golden Ite</b></sub></a><br /><a href="#content-goldnite" title="Content">🖋</a></td>
     </tr>
   </tbody>
 </table>

package.json

@@ -18,7 +18,7 @@
     "@mdx-js/mdx": "^1.6.5",
     "@mdx-js/react": "^1.6.5",
     "algoliasearch": "^4.3.0",
-    "axios": "^0.21.2",
+    "axios": "^1.6.0",
     "browser-lang": "^0.1.0",
     "browserslist": "^4.21.0",
     "clipboard": "^2.0.6",

src/assets/heroes/developers-hub-hero.jpg

@@ -29,7 +29,7 @@ export const StyledButtonDropdown = ({
   </Flex>
 )
 
-interface IProps {
+interface IProps extends FlexProps {
   dropdownLinks?: ButtonDropdownList
   maxDepth?: number
   tocItems: any[]
@@ -39,6 +39,7 @@ const LeftNavBar: React.FC<IProps> = ({
   dropdownLinks,
   maxDepth = 1,
   tocItems,
+  ...props
 }) => {
   return (
     <Flex
@@ -50,6 +51,7 @@ const LeftNavBar: React.FC<IProps> = ({
       position="sticky"
       top="6.25rem"
       height={calc("100vh").subtract("80px").toString()}
+      {...props}
     >
       {dropdownLinks && <StyledButtonDropdown list={dropdownLinks} />}
       <H2>

src/assets/wallets/linen.png

@@ -6,9 +6,9 @@ import {
   forwardRef,
   Portal,
   IconButtonProps,
-  useToken,
-  useMediaQuery,
   useMergeRefs,
+  Box,
+  ThemeTypings,
 } from "@chakra-ui/react"
 import { useDocSearchKeyboardEvents } from "@docsearch/react"
 import { DocSearchHit } from "@docsearch/react/dist/esm/types"
@@ -57,13 +57,11 @@ const Search = forwardRef<IProps, "button">(
     const indexName =
       process.env.GATSBY_ALGOLIA_BASE_SEARCH_INDEX_NAME || "ethereumorg"
 
-    // Check for the breakpoint with theme token
-    const xlBp = useToken("breakpoints", "xl")
-    const [isLargerThanXl] = useMediaQuery(`(min-width: ${xlBp})`)
+    const breakpointToken: ThemeTypings["breakpoints"] = "xl"
 
     return (
       <>
-        {isLargerThanXl ? (
+        <Box hideBelow={breakpointToken}>
           <SearchButton
             ref={mergedButtonRefs}
             onClick={() => {
@@ -79,7 +77,8 @@ const Search = forwardRef<IProps, "button">(
               buttonAriaLabel: t("search"),
             }}
           />
-        ) : (
+        </Box>
+        <Box hideFrom={breakpointToken}>
           <SearchIconButton
             onClick={() => {
               onOpen()
@@ -92,7 +91,7 @@ const Search = forwardRef<IProps, "button">(
             ref={mergedButtonRefs}
             aria-label={t("aria-toggle-search-button")}
           />
-        )}
+        </Box>
         <Portal>
           {isOpen && (
             <SearchModal

src/components/LeftNavBar/index.tsx

@@ -149,7 +149,7 @@ These libraries abstract away much of the complexity of interacting directly wit
 - [Documentation](https://docs.chainbase.com/)
 - [Discord](https://discord.gg/Wx6qpqz4AF)
 
-**GetBlock-** **_Blockchain-as-a-service for Web3 developement_**
+**GetBlock-** **_Blockchain-as-a-service for Web3 development_**
 
 - [GetBlock.io](https://getblock.io/)
 - [Documentation](https://getblock.io/docs/)
@@ -164,7 +164,7 @@ These libraries abstract away much of the complexity of interacting directly wit
 **Tokenview -** **_The General Multi-Crypto Blockchain APIs Platform._**
 
 - [services.tokenview.io](https://services.tokenview.io/)
-- [Documentation](https://services.tokeniew/docs?type=api)
+- [Documentation](https://services.tokenview.io/docs?type=api)
 - [GitHub](https://github.com/Tokenview)
 
 ## Further reading {#further-reading}

src/components/Search/index.tsx

@@ -12,7 +12,7 @@ A light node is a node running light client software. Instead of keeping local c
 
 ## How do light clients work? {#how-do-light-clients-work}
 
-When Ethereum started using a proof-of-stake based consensus mechanism, new infrastructure was introduced specifically to support light clients. The way it works is by randomly selecting a subset of 512 validators every 1.1 days to act as a **sync committee**. The sync committee signs the header of recent blocks. Each block header contains the the aggregated signature of the validators in the sync committee and a "bitfield" that shows which validators signed and which did not. Each header also includes a list of validators expected to participate in signing the next block. This means a light client can quickly see that the sync committee has signed off on the data they receive, and they can also check that the sync committee is the genuine one by comparing the one they receive from the one they were told to expect in the previous block. In this way, the light client can keep updating its knowledge of the latest Ethereum block without actually downloading the block itself, just the header which contains summary information.
+When Ethereum started using a proof-of-stake based consensus mechanism, new infrastructure was introduced specifically to support light clients. The way it works is by randomly selecting a subset of 512 validators every 1.1 days to act as a **sync committee**. The sync committee signs the header of recent blocks. Each block header contains the aggregated signature of the validators in the sync committee and a "bitfield" that shows which validators signed and which did not. Each header also includes a list of validators expected to participate in signing the next block. This means a light client can quickly see that the sync committee has signed off on the data they receive, and they can also check that the sync committee is the genuine one by comparing the one they receive from the one they were told to expect in the previous block. In this way, the light client can keep updating its knowledge of the latest Ethereum block without actually downloading the block itself, just the header which contains summary information.
 
 On the execution layer there is no single specification for a light execution client. The scope of a light execution client can vary from a "light mode" of a full execution client that has all the EVM and networking functionality of a full node but only verifies block headers, without downloading the associated data, or it can be a more stripped down client that relies heavily upon forwarding requests to an RPC provider to interact with Ethereum.