Merge branch 'dev' into yt/migrate-product-card

Author: yashtotla

.eslintrc.json

@@ -65,6 +65,17 @@
         "varsIgnorePattern": "^_$"
       }
     ],
-    "unused-imports/no-unused-imports-ts": "warn"
+    "unused-imports/no-unused-imports-ts": "warn",
+    "no-restricted-imports": [
+      "warn",
+      {
+        "paths": [
+          {
+            "name": "react-i18next",
+            "message": "Please use next-i18next instead of react-i18next."
+          }
+        ]
+      }
+    ]
   }
 }

.storybook/i18next.ts

@@ -1,4 +1,5 @@
 import i18n, { Resource } from "i18next"
+// eslint-disable-next-line no-restricted-imports
 import { initReactI18next } from "react-i18next"
 
 export const baseLocales = {

.storybook/utils.ts

@@ -1,3 +1,4 @@
+// eslint-disable-next-line no-restricted-imports
 import { getI18n } from "react-i18next"
 
 import { ns as exposedNs } from "./i18next"

CODE_OF_CONDUCT.md

@@ -0,0 +1,71 @@
+# Code of conduct
+
+## Mission
+
+To develop and maintain the most comprehensive and accessible knowledge hub for Ethereum.
+
+## Values
+
+The ethereum.org community strives to be:
+
+- educational, intended to help everyone to understand Ethereum
+- inclusive
+- accessible
+- community-driven
+- focused on Ethereum’s underlying technology and use-cases
+- focused on Ethereum concepts and design principles
+
+## What we are not
+
+- The Ethereum Foundation website
+- A platform for promoting investments or profiteering of any kind
+- A platform for elevating or endorsing individual projects or organizations
+- A DEX, CEX or any other form of financial platform
+- A platform that gives financial or legal advice of any kind
+
+## Code of conduct
+
+### Pledge
+
+Open participation is core to the ethereum.org ethos. We are a website and community maintained by thousands of contributors, and this is only possible if we maintain a welcoming, participatory environment. To this end, contributors to this site pledge to maintain a harassment-free environment for all participants across all ethereum.org platforms and community spaces. The ethereum.org community welcomes and values anyone who wants to participate in a constructive and friendly way, regardless of age, disability, ethnicity, sex characteristics, gender identity, level of experience, area of expertise, education, socio-economic status, nationality, personal appearance, race, religion or any other dimension of diversity.
+
+### Scope
+
+This Code of Conduct applies to all ethereum.org spaces (such as GitHub, Discord, Figma, Crowdin, Twitter and other online platforms), and it also applies when the community is represented in real-world public spaces such as at meetups, conferences and events.
+
+### Our standards
+
+Examples of behavior that contributes to creating a positive environment include:
+
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting and/or empathetically providing constructive criticism
+- Acting calmly and professionally when resolving conflicts or disagreements
+- Showing empathy and tolerance towards other community members
+- Encouraging and amplifying new voices in the community
+
+Examples of unacceptable behavior by participants include:
+
+- Physical violence, threatening physical violence or encouraging of physical violence of any kind
+- Using sexualized language or imagery or imposing unwelcome sexual attention
+- Impersonating another individual or otherwise dishonestly claiming affiliation with some individual or organization
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Harassing other community members in public or private channels
+- Publishing others’ private information, such as a physical or electronic address, without explicit permission
+- Social engineering, scamming or otherwise manipulating other community members
+- Promoting investments, tokens, projects or anything else for personal monetary or non-monetary gain
+- Spamming servers with off-topic content
+- Disregarding requests or warnings from community moderators
+- Engaging in other conduct which could reasonably be considered inappropriate in a professional setting
+
+### Reporting
+
+Violations of the code of conduct will normally be visible to the community as we try to do everything in open, public channels, allowing community members to self-police.
+
+However, if something happens that you feel needs attention, you can raise it with someone who has a moderation role (e.g. discord guide) so that they can help investigate and execute the appropriate response.
+
+When reporting, please include as much detail as possible, including specific examples and timestamps. This will help to ensure a fair outcome.
+
+### Enforcement
+
+Depending on the severity, people who violate the code of conduct can receive warnings, temporary bans or permanent bans from ethereum.org communities.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ethereum-org-website",
-  "version": "9.0.0",
+  "version": "9.0.1",
   "license": "MIT",
   "private": true,
   "scripts": {

public/content/developers/docs/ides/index.md

@@ -41,12 +41,6 @@ Most established IDEs have built plugins to enhance the Ethereum development exp
 - [Code samples](https://github.com/Azure-Samples/blockchain/blob/master/blockchain-workbench/application-and-smart-contract-samples/readme.md)
 - [GitHub](https://github.com/microsoft/vscode)
 
-**Atom -** **_A hackable text editor for the 21st Century_**
-
-- [Atom](https://atom.io/)
-- [GitHub](https://github.com/atom)
-- [Ethereum packages](https://atom.io/packages/search?utf8=%E2%9C%93&q=keyword%3Aethereum&commit=Search)
-
 **JetBrains IDEs (IntelliJ IDEA, etc.) -** **_Essential tools for software developers and teams_**
 
 - [JetBrains](https://www.jetbrains.com/)

src/components/Banners/BugBountyBanner/index.tsx

@@ -1,17 +1,17 @@
 // Libraries
 import React from "react"
-import { Center, Text } from "@chakra-ui/react"
 
 // Components
 import BannerNotification from "@/components/Banners/BannerNotification"
+import { Center } from "@/components/ui/flex"
 
 const BugBountyBanner = () => (
   <BannerNotification shouldShow>
     <Center>
-      <Text m={0} p={0}>
+      <p>
         All Dencun-related bounties currently receive a 2x bonus multiplier (up
         to 500,000 USD) up to two weeks before the scheduled mainnet hardfork.
-      </Text>
+      </p>
     </Center>
   </BannerNotification>
 )

src/components/Banners/UpgradeBannerNotification.tsx

@@ -1,22 +1,20 @@
-import { Box } from "@chakra-ui/react"
-
 import Emoji from "../Emoji"
-import InlineLink from "../Link"
+import InlineLink from "../ui/Link"
 
 import BannerNotification from "./BannerNotification"
 
 const UpgradeBannerNotification = () => (
   <BannerNotification shouldShow>
     <Emoji text=":megaphone:" className="me-4 flex-shrink-0 text-2xl" />
-    <Box>
+    <div>
       <b>
         We&apos;ve deprecated our use of &apos;Eth1&apos; and &apos;Eth2&apos;
         terms.
       </b>{" "}
       <InlineLink href="https://blog.ethereum.org/2022/01/24/the-great-eth2-renaming/">
         Read the full announcement
       </InlineLink>
-    </Box>
+    </div>
   </BannerNotification>
 )
 

src/components/CopyToClipboard.tsx

@@ -1,4 +1,6 @@
-import { Box, useClipboard } from "@chakra-ui/react"
+import { cn } from "@/lib/utils/cn"
+
+import { useClipboard } from "@/hooks/useClipboard"
 
 export type CopyToClipboardProps = {
   text: string
@@ -11,16 +13,15 @@ const CopyToClipboard = ({
   text,
   inline = false,
 }: CopyToClipboardProps) => {
-  const { onCopy, hasCopied } = useClipboard(text, { timeout: 1500 })
+  const { onCopy, hasCopied } = useClipboard({ timeout: 1500 })
 
   return (
-    <Box
-      cursor="pointer"
-      onClick={onCopy}
-      display={inline ? "inline" : "block"}
+    <div
+      className={cn("cursor-pointer", inline ? "inline" : "block")}
+      onClick={() => onCopy(text)}
     >
       {children(hasCopied)}
-    </Box>
+    </div>
   )
 }
 

src/components/DevconGrantsBanner.tsx

@@ -1,8 +1,7 @@
-import { Text } from "@chakra-ui/react"
-
 import DismissableBanner from "@/components/Banners/DismissableBanner"
 import Emoji from "@/components/Emoji"
-import Link from "@/components/Link"
+
+import { BaseLink } from "./ui/Link"
 
 type DevconGrantsBannerProps = {
   pathname: string
@@ -12,14 +11,14 @@ const DevconGrantsBanner = ({ pathname }: DevconGrantsBannerProps) => {
   if (pathname.includes("community") && pathname.includes("events")) {
     return (
       <DismissableBanner storageKey="devconGrants">
-        <Text m={0}>
+        <p>
           The Road to Devcon Grants support Ethereum education initiatives in
           and close to Southeast Asia <Emoji text="🦄" /> <Emoji text="🌏" />{" "}
           Learn more{" "}
-          <Link href="https://esp.ethereum.foundation/devcon-grants">
+          <BaseLink href="https://esp.ethereum.foundation/devcon-grants">
             here.
-          </Link>
-        </Text>
+          </BaseLink>
+        </p>
       </DismissableBanner>
     )
   }