Skip to content

Commit 50150c4

Browse files
corwintinesSahilsenluaroncrewgumb0TylerAPfledderer
authored
Deploy v7.9.0 (#9922)
* addding QuickNode faucet * Update index.md * Update index.md * Fix according to EIP-2718 * docs(applying-storybook): update storybook docs for v7 * refactor(static-template): migrate to chakra * refactor(static-template): heading font-size * refactor(static-template): replace OldEmoji with Emoji * docs(applying-storybook): fix naming for stories file * apply changes from figma review * [fix] behaviour -> behavior * [fix] remove `={true}` from boolean attributes Boolean element attributes that are set to `true` can be shortened to simply declaring the attribute name by itself * [fix] remove `={true}` from boolean attributes Boolean element attributes that are set to `true` can be shortened to simply declaring the attribute name by itself * Revert "[fix] remove `={true}` from boolean attributes" This reverts commit 9bdc365. * [fix] decentralised -> decentralized per sytle guide * [fix] colour -> color per style guide * [fix] analyse -> analyze per style guide * Apply suggestions from code review Co-authored-by: Tyler Pfledderer <tyler.pfledderer@gmail.com> * refactor(state-template): add Chakra Unordered List * Apply suggestions from code review Co-authored-by: Tyler Pfledderer <tyler.pfledderer@gmail.com> * remove chakra ul from md template * Document options "safe" and "finalized" These were added after the merge * docs(applying-storybook): Update link to Storybook v7 docs * docs(applying-storybook): fix typo * update data availability page * reorganize DA page * refine da page * Apply suggestions from code review Co-authored-by: Paul Wackerow <54227730+wackerow@users.noreply.github.com> * add sharding section and links to uprgades * docs(applying-storybook): add notes regarding display naming convention preferences * add ethpool * update references to sharding * update references to sharding * fix foss * refactor svgPath to imageName Was previously using `.svg` path name but then using this as a key in a mapping lookup to find the TS icon component to use. This simplifies the naming of these images, and updates the helper functions to more appropriate naming. * Remove reference to ArchiveNode This service was sunset on April 3, 2023: https://defidude.medium.com/sunsetting-archivenode-io-c72a78fe3653 * `block-proposal`: Four epochs ==> Two epochs Justification: https://eth2book.info/bellatrix/part2/building_blocks/randomness/#lookahead. This link points to the specification. * Update index.md update code to account for naming convention change * simplify staking icons index.ts * fix typo in oracles/index.md (#9889) lenght -> length * Update src/content/roadmap/index.md Co-authored-by: Paul Wackerow <54227730+wackerow@users.noreply.github.com> * chore: add ETHMobile Miami to community-events.json (#9867) * Update community-events.json * Update src/data/community-events.json Co-authored-by: Nicolás Quiroz <nh.quiroz@gmail.com> * Update src/data/community-events.json Co-authored-by: Nicolás Quiroz <nh.quiroz@gmail.com> * Update src/data/community-events.json Co-authored-by: Nicolás Quiroz <nh.quiroz@gmail.com> * Update community-events.json --------- Co-authored-by: Nicolás Quiroz <nh.quiroz@gmail.com> * Remove blog post invalid/non-existing link [Fixes #9873] (#9890) The link https://consensys.net/blog/codefi/rewards-and-penalties-on-ethereum-20-phase-0/ that was used in some sections has been removed by Consensys and it's invalid. This changeset removes all references to that link. * Update src/content/developers/docs/data-availability/index.md * spelling fixes * order imports * Azerbaijani March updates * Chinese March updates * fix markdown issues * Czech March update * French March update * Update src/content/translations/fr/developers/tutorials/how-to-mint-an-nft/index.md * Update src/content/translations/fr/developers/tutorials/how-to-view-nft-in-metamask/index.md * fix frontmatter * update sharding audit * Fix a typo in the "Hooks" section (#9898) - `#recieve_hook` => `#receive_hook` * Add ETHTallinn this May 5-7 (#9896) Just starting to launch the public news of our event and hope to drive more people to sign up! * fix translation * fix json file (#9902) * add EthpoolGlyphIcon exports/imports * German March updates * Update src/data/staking-products.json Co-authored-by: Paul Wackerow <54227730+wackerow@users.noreply.github.com> * Update src/data/staking-products.json Co-authored-by: Paul Wackerow <54227730+wackerow@users.noreply.github.com> * Update src/data/staking-products.json Co-authored-by: Paul Wackerow <54227730+wackerow@users.noreply.github.com> * Add Hebrew * Hindi March update * Indonesian March update * Italian March update * Japanese March update * Portuguese Brazilian March update * Spanish March updates * Turkish March update * run reorg script * run reorg script * fix broken markdown * fix: invalid link 'incentive layer' and 'LMD-GHOST' [ #9866] * run reorg script * Update src/content/roadmap/scaling/index.md Co-authored-by: Jakub <100724231+konopkja@users.noreply.github.com> * run reorg script * fix ethpool product icon * fix incorrect template name * differentiate between 0 and null Value can be zero, which is different than `null` (data unavailable) * run reorg script * run reorg script * run reorg script * update roadmap vision namespace * run reorg script * run reorg script * run reorg script * run reorg script * run reorg script * small copy fix and remove unused question * Update staking-products.json * fix emoji * run reorg script * rerun reorg script for latest updates * Change Ethereum to ether * v7.9.0 --------- Co-authored-by: Sahil sen <sensahil25@gmail.com> Co-authored-by: Kirill Makarov <68103731+luaroncrew@users.noreply.github.com> Co-authored-by: Andrei Maiboroda <andrei@ethereum.org> Co-authored-by: tylerapfledderer <tyler.pfledderer@gmail.com> Co-authored-by: soheil <soheilrasekh555@gmail.com> Co-authored-by: Joe <jmcook1186@gmail.com> Co-authored-by: Paul Wackerow <54227730+wackerow@users.noreply.github.com> Co-authored-by: Pablo Pettinari <pettinarip@gmail.com> Co-authored-by: Ardis Lu <ArdisGLu@gmail.com> Co-authored-by: Joseph Cook <33655003+jmcook1186@users.noreply.github.com> Co-authored-by: Buttaa <inan@bitfly.at> Co-authored-by: Manu NALEPA <emmanuel.nalepa@kiln.fi> Co-authored-by: Johannes Schulz <schulz.johannes97@gmail.com> Co-authored-by: Ikko Eltociear Ashimine <eltociear@gmail.com> Co-authored-by: TechCortes <77033990+UrbanHak@users.noreply.github.com> Co-authored-by: Nicolás Quiroz <nh.quiroz@gmail.com> Co-authored-by: Pedro Simon <simonpedro.est@gmail.com> Co-authored-by: Jason <wooljs@gmail.com> Co-authored-by: Cashton.eth <39901799+ashtonb28@users.noreply.github.com> Co-authored-by: chiragbadhe <badhechirag633@gmail.com> Co-authored-by: Jakub <100724231+konopkja@users.noreply.github.com> Co-authored-by: Sebastian Supreme <106926150+SebastianSupreme@users.noreply.github.com>
1 parent 13bd4b5 commit 50150c4

File tree

491 files changed

+23461
-3724
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

491 files changed

+23461
-3724
lines changed

‎docs/applying-storybook.md

Lines changed: 61 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,11 @@ It's as easy as running `yarn storybook` to boot up a dedicated localhost to see
1818

1919
## Setting up a component's stories
2020

21-
A Storybook "story" is an instance of a component in a certain state or with certain parameters applied to show an alternative version of the component.
21+
> 🚨 NOTE: This project has version 7, which is currently still in beta. The following documentation outlines preferences in setup as it relates to this version. You can refer to the [7.0 beta docs](https://storybook.js.org/docs/7.0/react/) if you need any additional details
2222
23-
Each component will only need one file containing all the stories, and should follow the naming convention of the component.
23+
A Storybook "story" is an instance of a component in a certain state or with certain parameters applied to show an alternative version of the component.
2424

25-
So for the component `ExpandableCard.tsx`, the stories file will be named `ExpandableCard.stories.tsx`.
25+
Each component will only need one file containing all the stories.
2626

2727
The stories file will reside with each component. So the base folder structure in `src` will look like this:
2828

@@ -40,45 +40,60 @@ The initial structure of each story file will look something like this (in types
4040
```tsx
4141
import ComponentA from "."
4242

43-
export default {
44-
title: "ComponentA", // Generates the nav structure in the Storybook server
45-
} as ComponentMeta<typeof ComponentA>
43+
type ComponentAType = typeof ComponentA
44+
45+
const meta: Meta<ComponentAType> {
46+
title: "ComponentA",
47+
component: ComponentA
48+
}
4649

47-
export const Basic = () => <ComponentA />
50+
export default meta
51+
type Story = StoryObj<ComponentAType>;
52+
53+
export const Basic: Story = {
54+
render: () => <ComponentA />
55+
}
4856
```
4957

50-
Should the component accept props on all or some renders, a template can be created.
58+
**Note**: with the `title` option, we write this based on the groupings set by the Design System. Groupings are declared with forward slashes. (i.e. `Atoms / Form / Input`). See the Storybook docs for details on [Naming conventions](https://storybook.js.org/docs/7.0/react/writing-stories/naming-components-and-hierarchy)
59+
60+
We will maintain this structure for every story file, regardless of simplicity.
61+
62+
Should the component accept props on all or some renders, you can provide an `args` prop for each story and supply the necessary data. And if there is children, use the `render` prop to pass the args and supply children elements.
5163

5264
Let's say for a `Button` component with different style variants...
5365

5466
```tsx
5567
import Button from "."
5668

57-
export default {
69+
type ButtonType = typeof Button
70+
71+
const meta: Meta<ButtonType> {
5872
title: "Button",
59-
} as ComponentMeta<typeof Button>
73+
component: Button
74+
}
6075

61-
const Template: ComponentStory<typeof Button> = (args) => (
62-
<ComponentA {...args} />
63-
)
76+
export default meta
77+
type Story = StoryObj<ButtonType>;
6478

65-
export const Solid = Template.bind({})
66-
Solid.args = {
67-
variant: "solid",
68-
children: "A Button", // Assuming the `children` prop takes text content only
79+
export const Solid: Story = {
80+
render: (args) => <Button {...args}>A Button</Button>,
81+
args: {
82+
variant: 'solid',
83+
}
6984
}
70-
71-
export const Outline = Template.bind({})
72-
Outline.args = {
73-
variant: "outline",
74-
children: "A Button", // Assuming the `children` prop takes text content only
85+
export const Outline: Story = {
86+
render: (args) => <Button {...args}>A Button</Button>,
87+
args: {
88+
variant: 'outline',
89+
}
7590
}
7691

7792
/**
7893
* For practical purposes, if you are displaying different "variants",
7994
* they should be shown under one story, so they can be seen side-by-side in the GUI
8095
* for reviewers to easily compare.
81-
* This can be done for various sizes or other like alterations
96+
* This can also be done for various sizes or other like alterations
8297
*/
8398

8499
// Assuming `solid` is the default variant in the Chakra theme config
@@ -91,4 +106,27 @@ export const Variants = () => (
91106
)
92107
```
93108

109+
If only one story is provided for a component, the name of the exported object should match the name in the `title` meta option. (If the title is `Atoms / Form / Button` then the object should be named `Button`) This will hoist the display name up to the parent level in the Storybook dashboard's sidebar.
110+
94111
As you go and make adjustments to the component itself or it's variant styles, Storybook will hot reload and those changes will appear in the stories that emphasize them.
112+
113+
## Storybook Dashboard
114+
115+
The dashboard where you view each story has a number of different addons available to check the story thoroughly.
116+
117+
Outlined below are each area going from left to right in the selections.
118+
119+
| Sidebar above the preview | Dashboard below the preview |
120+
| ---------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
121+
| 1. Rerender preview | 1. Controls - allows you to interact with a component’s args (inputs) dynamically. Experiment with alternate configurations of the component to discover edge cases. See [Controls addon docs](https://storybook.js.org/docs/7.0/react/essentials/controls) |
122+
| 2. Zoom In | 2. Actions (if applicable) - help you verify interactions produce the correct outputs via callbacks. See [Actions addon docs](https://storybook.js.org/docs/7.0/react/essentials/actions) |
123+
| 3. Zoom Out | 3. Interactions (if applicable) - In conjunction with the `play` function in a story object, this section allows you to simulate user interactions after the story renders. See [Interactions addon docs](https://storybook.js.org/docs/7.0/react/essentials/interactions) |
124+
| 4. Reset Zoom | 4. Accessibility provides visual A11y results for each story.<br><br>**NOTE**: To check accessibility for light and dark mode, you will need to toggle the mode, then rerender the preview to update the results. |
125+
| 5. Change background |
126+
| 6. Apply grid to preview |
127+
| 7. Change viewport size |
128+
| 8. Enable measuring of elements on hover |
129+
| 9. Apply element outlines to preview |
130+
| 10. A11y Visualization Simulator |
131+
| 11. Set layout direction (left or right) |
132+
| 12. Toggle color mode |

‎i18n/config.json

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -127,6 +127,14 @@
127127
"langDir": "ltr",
128128
"dateFormat": "MM/DD/YYYY"
129129
},
130+
{
131+
"code": "he",
132+
"hrefLang": "he",
133+
"name": "Hebrew",
134+
"localName": "עִבְרִית",
135+
"langDir": "rtl",
136+
"dateFormat": "MM/DD/YYYY"
137+
},
130138
{
131139
"code": "hi",
132140
"hrefLang": "hi",

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "ethereum-org-website",
3-
"version": "7.8.0",
3+
"version": "7.9.0",
44
"description": "Website of ethereum.org",
55
"main": "index.js",
66
"repository": "git@github.com:ethereum/ethereum-org-website.git",

‎src/components/Banners/BugBountyBanner.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import { Center, Text } from "@chakra-ui/react"
66
import BannerNotification from "../BannerNotification"
77

88
const BugBountyBanner: React.FC = () => (
9-
<BannerNotification shouldShow={true}>
9+
<BannerNotification shouldShow>
1010
<Center>
1111
<Text m={0} p={0}>
1212
All Shapella-related bounties currently receive a 2x bonus multiplier

‎src/components/Banners/PostMergeBanner.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ export interface IProps {
1111

1212
const PostMergeBanner: React.FC<IProps> = ({ translationString }) => (
1313
<BannerNotification
14-
shouldShow={true}
14+
shouldShow
1515
zIndex={1}
1616
textAlign="center"
1717
sx={{

‎src/components/Breadcrumbs.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ const Breadcrumbs: React.FC<IProps> = ({
7777
m: 0,
7878
lineHeight: 1,
7979
rowGap: 1.5,
80-
flexWrap: "wrap"
80+
flexWrap: "wrap",
8181
}}
8282
{...restProps}
8383
>

‎src/components/Contributors.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ const Contributors: React.FC<IProps> = () => {
7373
color="text"
7474
textDecoration="none"
7575
_hover={{ textDecoration: "none" }}
76-
isExternal={true}
76+
isExternal
7777
>
7878
{contributor.name}
7979
</LinkOverlay>

‎src/components/FindWallet/WalletTable.tsx

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -145,7 +145,7 @@ const Wallet = styled(Grid)`
145145
`
146146

147147
// https://react-select.com/styles#using-classnames
148-
// Pass menuIsOpen={true} to component to debug
148+
// Pass menuIsOpen to component to debug
149149
const StyledSelect = styled(Select)`
150150
.react-select__control {
151151
border: 1px solid ${(props) => props.theme.colors.text};
@@ -1056,42 +1056,42 @@ const WalletTable = ({ data, filters, walletData }) => {
10561056
<Socials>
10571057
<Link
10581058
to={wallet.url}
1059-
hideArrow={true}
1059+
hideArrow
10601060
customEventOptions={{
10611061
eventCategory: "WalletExternalLinkList",
10621062
eventAction: `Go to wallet`,
10631063
eventName: `${wallet.name} ${idx}`,
10641064
eventValue: filters,
10651065
}}
10661066
>
1067-
<Icon name="webpage" size={"1.5rem"} color={true} />
1067+
<Icon name="webpage" size={"1.5rem"} color />
10681068
</Link>
10691069
{wallet.twitter && (
10701070
<Link
10711071
to={wallet.twitter}
1072-
hideArrow={true}
1072+
hideArrow
10731073
customEventOptions={{
10741074
eventCategory: "WalletExternalLinkList",
10751075
eventAction: `Go to wallet`,
10761076
eventName: `${wallet.name} ${idx}`,
10771077
eventValue: filters,
10781078
}}
10791079
>
1080-
<Icon name="twitter" size={"1.5rem"} color={true} />
1080+
<Icon name="twitter" size={"1.5rem"} color />
10811081
</Link>
10821082
)}
10831083
{wallet.discord && (
10841084
<Link
10851085
to={wallet.discord}
1086-
hideArrow={true}
1086+
hideArrow
10871087
customEventOptions={{
10881088
eventCategory: "WalletExternalLinkList",
10891089
eventAction: `Go to wallet`,
10901090
eventName: `${wallet.name} ${idx}`,
10911091
eventValue: filters,
10921092
}}
10931093
>
1094-
<Icon name="discord" size={"1.5rem"} color={true} />
1094+
<Icon name="discord" size={"1.5rem"} color />
10951095
</Link>
10961096
)}
10971097
</Socials>

‎src/components/GitStars.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ const GitStars: React.FC<IProps> = ({ gitHubRepo, className, hideStars }) => {
2424
}
2525

2626
return (
27-
<Link className={className} to={gitHubRepo.url} hideArrow={true}>
27+
<Link className={className} to={gitHubRepo.url} hideArrow>
2828
<Flex
2929
background="lightBorder"
3030
textDecoration="none"

‎src/components/Layer2/Layer2Onboard.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ const TwoColumnContent = styled.div`
5858
`
5959

6060
// https://react-select.com/styles#using-classnames
61-
// Pass menuIsOpen={true} to component to debug
61+
// Pass menuIsOpen to component to debug
6262
const StyledSelect = styled(Select)`
6363
max-width: none;
6464

0 commit comments

Comments
 (0)