diff --git a/public/images/developers/resources-banner.png b/public/images/developers/resources-banner.png index 876d481c2fb..5283abcc5f2 100644 Binary files a/public/images/developers/resources-banner.png and b/public/images/developers/resources-banner.png differ diff --git a/src/components/FeedbackWidget/FixedDot.tsx b/src/components/FeedbackWidget/FixedDot.tsx index cc77b3fb55d..746b00c9885 100644 --- a/src/components/FeedbackWidget/FixedDot.tsx +++ b/src/components/FeedbackWidget/FixedDot.tsx @@ -34,7 +34,7 @@ const FixedDot = forwardRef( {...props} >
( > diff --git a/src/components/icons/Icons.stories.tsx b/src/components/icons/Icons.stories.tsx index e0e929c96fe..fbedec3c63a 100644 --- a/src/components/icons/Icons.stories.tsx +++ b/src/components/icons/Icons.stories.tsx @@ -2,7 +2,6 @@ import type { Meta, StoryObj } from "@storybook/react" import { Center, Flex } from "../ui/flex" -import FilterBurgerIcon from "./wallets/filter-burger.svg" import HighlightIcon from "./highlight.svg" import HighlightDarkIcon from "./highlight-dark.svg" import { @@ -13,7 +12,6 @@ import { TrophyIcon, } from "./quiz" import { - DecentralizationEthGlyphIcon, DecentralizationGlyphIcon, DownloadGlyphIcon, EarthGlyphIcon, @@ -101,105 +99,101 @@ const meta = { export default meta const iconsDefinitions = [ - CorrectIcon, - IncorrectIcon, - GreenTickIcon, - StarConfettiIcon, - TrophyIcon, - DecentralizationGlyphIcon, - DecentralizationEthGlyphIcon, - DownloadGlyphIcon, - EarthGlyphIcon, - HardwareGlyphIcon, - MegaphoneGlyphIcon, - PrivacyGlyphIcon, - SovereigntyGlyphIcon, - VoteGlyphIcon, - AbyssGlyphIcon, - AllnodesGlyphIcon, - AnkrGlyphIcon, - AuditedIcon, - AvadoGlyphIcon, - BattleTestedIcon, - BedrockGlyphIcon, - BugBountyIcon, - CautionProductGlyph, - ChainLaboGlyphIcon, - ConsensysStakingGlyphIcon, - StakingDappnodeGlyphIcon, - DefaultOpenSourceGlyphIcon, - DockerGlyphIcon, - EconomicalIcon, - EthpoolGlyphIcon, - EverstakeGlyphIcon, - FigmentGlyphIcon, - GreenCheckProductGlyph, - P2PGlyphIcon, - KilnGlyphIcon, - LaunchnodesGlyphIcon, - LidoGlyphIcon, - LiquidityTokenIcon, - MultiClientIcon, - OpenSourceStakingIcon, - PermissionlessIcon, - RocketPoolGlyphIcon, - RockXGlyphIcon, - SelfCustodyIcon, - SenseiNodeGlyphIcon, - StafiGlyphIcon, - StakefishGlyphIcon, - StakewiseGlyphIcon, - StakingGlyphCentralizedIcon, - StakingGlyphCloudIcon, - StakingGlyphCPUIcon, - StakingGlyphEtherCircleIcon, - StakingGlyphTokenWalletIcon, - StereumGlyphIcon, - SquidGlyphIcon, - TrustlessIcon, - UnknownProductGlyph, - WagyuGlyphIcon, - WarningProductGlyph, - BrowserIcon, - BuyCryptoIcon, - ConnectDappsIcon, - DesktopIcon, - ENSSupportIcon, - ERC20SupportIcon, - FilterBurgerIcon, - GasFeeCustomizationIcon, - HardwareIcon, - HardwareSupportIcon, - Layer2Icon, - MobileIcon, - MultisigIcon, - NFTSupportIcon, - NonCustodialIcon, - OpenSourceWalletIcon, - RPCImportingIcon, - SocialRecoverIcon, - StakingIcon, - SwapIcon, - WithdrawCryptoIcon, - EthHomeIcon, - FeedbackThumbsUpIcon, - HighlightDarkIcon, - HighlightIcon, + { label: "AbyssGlyphIcon", Icon: AbyssGlyphIcon }, + { label: "AllnodesGlyphIcon", Icon: AllnodesGlyphIcon }, + { label: "AnkrGlyphIcon", Icon: AnkrGlyphIcon }, + { label: "AuditedIcon", Icon: AuditedIcon }, + { label: "AvadoGlyphIcon", Icon: AvadoGlyphIcon }, + { label: "BattleTestedIcon", Icon: BattleTestedIcon }, + { label: "BedrockGlyphIcon", Icon: BedrockGlyphIcon }, + { label: "BrowserIcon", Icon: BrowserIcon }, + { label: "BugBountyIcon", Icon: BugBountyIcon }, + { label: "BuyCryptoIcon", Icon: BuyCryptoIcon }, + { label: "CautionProductGlyph", Icon: CautionProductGlyph }, + { label: "ChainLaboGlyphIcon", Icon: ChainLaboGlyphIcon }, + { label: "ConnectDappsIcon", Icon: ConnectDappsIcon }, + { label: "ConsensysStakingGlyphIcon", Icon: ConsensysStakingGlyphIcon }, + { label: "CorrectIcon", Icon: CorrectIcon }, + { label: "DecentralizationGlyphIcon", Icon: DecentralizationGlyphIcon }, + { label: "DefaultOpenSourceGlyphIcon", Icon: DefaultOpenSourceGlyphIcon }, + { label: "DesktopIcon", Icon: DesktopIcon }, + { label: "DockerGlyphIcon", Icon: DockerGlyphIcon }, + { label: "DownloadGlyphIcon", Icon: DownloadGlyphIcon }, + { label: "EarthGlyphIcon", Icon: EarthGlyphIcon }, + { label: "EconomicalIcon", Icon: EconomicalIcon }, + { label: "ENSSupportIcon", Icon: ENSSupportIcon }, + { label: "ERC20SupportIcon", Icon: ERC20SupportIcon }, + { label: "EthHomeIcon", Icon: EthHomeIcon }, + { label: "EthpoolGlyphIcon", Icon: EthpoolGlyphIcon }, + { label: "EverstakeGlyphIcon", Icon: EverstakeGlyphIcon }, + { label: "FeedbackThumbsUpIcon", Icon: FeedbackThumbsUpIcon }, + { label: "FigmentGlyphIcon", Icon: FigmentGlyphIcon }, + { label: "GasFeeCustomizationIcon", Icon: GasFeeCustomizationIcon }, + { label: "GreenCheckProductGlyph", Icon: GreenCheckProductGlyph }, + { label: "GreenTickIcon", Icon: GreenTickIcon }, + { label: "HardwareGlyphIcon", Icon: HardwareGlyphIcon }, + { label: "HardwareIcon", Icon: HardwareIcon }, + { label: "HardwareSupportIcon", Icon: HardwareSupportIcon }, + { label: "HighlightDarkIcon", Icon: HighlightDarkIcon }, + { label: "HighlightIcon", Icon: HighlightIcon }, + { label: "IncorrectIcon", Icon: IncorrectIcon }, + { label: "KilnGlyphIcon", Icon: KilnGlyphIcon }, + { label: "LaunchnodesGlyphIcon", Icon: LaunchnodesGlyphIcon }, + { label: "Layer2Icon", Icon: Layer2Icon }, + { label: "LidoGlyphIcon", Icon: LidoGlyphIcon }, + { label: "LiquidityTokenIcon", Icon: LiquidityTokenIcon }, + { label: "MegaphoneGlyphIcon", Icon: MegaphoneGlyphIcon }, + { label: "MobileIcon", Icon: MobileIcon }, + { label: "MultiClientIcon", Icon: MultiClientIcon }, + { label: "MultisigIcon", Icon: MultisigIcon }, + { label: "NFTSupportIcon", Icon: NFTSupportIcon }, + { label: "NonCustodialIcon", Icon: NonCustodialIcon }, + { label: "OpenSourceStakingIcon", Icon: OpenSourceStakingIcon }, + { label: "OpenSourceWalletIcon", Icon: OpenSourceWalletIcon }, + { label: "P2PGlyphIcon", Icon: P2PGlyphIcon }, + { label: "PermissionlessIcon", Icon: PermissionlessIcon }, + { label: "PrivacyGlyphIcon", Icon: PrivacyGlyphIcon }, + { label: "RocketPoolGlyphIcon", Icon: RocketPoolGlyphIcon }, + { label: "RockXGlyphIcon", Icon: RockXGlyphIcon }, + { label: "RPCImportingIcon", Icon: RPCImportingIcon }, + { label: "SelfCustodyIcon", Icon: SelfCustodyIcon }, + { label: "SenseiNodeGlyphIcon", Icon: SenseiNodeGlyphIcon }, + { label: "SocialRecoverIcon", Icon: SocialRecoverIcon }, + { label: "SovereigntyGlyphIcon", Icon: SovereigntyGlyphIcon }, + { label: "SquidGlyphIcon", Icon: SquidGlyphIcon }, + { label: "StafiGlyphIcon", Icon: StafiGlyphIcon }, + { label: "StakefishGlyphIcon", Icon: StakefishGlyphIcon }, + { label: "StakewiseGlyphIcon", Icon: StakewiseGlyphIcon }, + { label: "StakingDappnodeGlyphIcon", Icon: StakingDappnodeGlyphIcon }, + { label: "StakingGlyphCentralizedIcon", Icon: StakingGlyphCentralizedIcon }, + { label: "StakingGlyphCloudIcon", Icon: StakingGlyphCloudIcon }, + { label: "StakingGlyphCPUIcon", Icon: StakingGlyphCPUIcon }, + { label: "StakingGlyphEtherCircleIcon", Icon: StakingGlyphEtherCircleIcon }, + { label: "StakingGlyphTokenWalletIcon", Icon: StakingGlyphTokenWalletIcon }, + { label: "StakingIcon", Icon: StakingIcon }, + { label: "StarConfettiIcon", Icon: StarConfettiIcon }, + { label: "StereumGlyphIcon", Icon: StereumGlyphIcon }, + { label: "SwapIcon", Icon: SwapIcon }, + { label: "TrophyIcon", Icon: TrophyIcon }, + { label: "TrustlessIcon", Icon: TrustlessIcon }, + { label: "UnknownProductGlyph", Icon: UnknownProductGlyph }, + { label: "VoteGlyphIcon", Icon: VoteGlyphIcon }, + { label: "WagyuGlyphIcon", Icon: WagyuGlyphIcon }, + { label: "WarningProductGlyph", Icon: WarningProductGlyph }, + { label: "WithdrawCryptoIcon", Icon: WithdrawCryptoIcon }, ] -iconsDefinitions.sort((a, b) => - (a?.displayName || "") > (b?.displayName || "") ? 1 : -1 -) -const items = iconsDefinitions.map((IconDef, idx) => { +iconsDefinitions.sort((a, b) => ((a?.label || "") > (b?.label || "") ? 1 : -1)) +const items = iconsDefinitions.map(({ Icon, label }, idx) => { return (
- +
-
{IconDef.displayName}
+
{label}
) }) diff --git a/src/components/icons/run-a-node/decentralization-eth-glyph.svg b/src/components/icons/run-a-node/decentralization-eth-glyph.svg deleted file mode 100644 index 595bc56f586..00000000000 --- a/src/components/icons/run-a-node/decentralization-eth-glyph.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/src/components/icons/run-a-node/index.ts b/src/components/icons/run-a-node/index.ts index 3df85b2452d..88f951765c3 100644 --- a/src/components/icons/run-a-node/index.ts +++ b/src/components/icons/run-a-node/index.ts @@ -1,4 +1,3 @@ -import DecentralizationEthGlyphIcon from "./decentralization-eth-glyph.svg" import DecentralizationGlyphIcon from "./decentralization-glyph.svg" import DownloadGlyphIcon from "./download-glyph.svg" import EarthGlyphIcon from "./earth-glyph.svg" @@ -9,7 +8,6 @@ import SovereigntyGlyphIcon from "./sovereignty-glyph.svg" import VoteGlyphIcon from "./vote-glyph.svg" export { - DecentralizationEthGlyphIcon, DecentralizationGlyphIcon, DownloadGlyphIcon, EarthGlyphIcon, diff --git a/src/components/icons/staking/liquidity-token.svg b/src/components/icons/staking/liquidity-token.svg index a5a52d889f1..03f0ecf8f86 100644 --- a/src/components/icons/staking/liquidity-token.svg +++ b/src/components/icons/staking/liquidity-token.svg @@ -1,3 +1,4 @@ - - - \ No newline at end of file + + + + diff --git a/src/components/icons/staking/p2p-glyph.svg b/src/components/icons/staking/p2p-glyph.svg index c37a7048e96..1ead04ac22a 100644 --- a/src/components/icons/staking/p2p-glyph.svg +++ b/src/components/icons/staking/p2p-glyph.svg @@ -1,3 +1,8 @@ - - - \ No newline at end of file + + + + + + + + diff --git a/src/components/icons/wallets/filter-burger.svg b/src/components/icons/wallets/filter-burger.svg deleted file mode 100644 index 02c837407f5..00000000000 --- a/src/components/icons/wallets/filter-burger.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/src/components/icons/wallets/index.ts b/src/components/icons/wallets/index.ts index 0f02bb18204..b991e029d5a 100644 --- a/src/components/icons/wallets/index.ts +++ b/src/components/icons/wallets/index.ts @@ -5,7 +5,6 @@ import DesktopIcon from "./desktop.svg" import DevicesIcon from "./devices.svg" import ENSSupportIcon from "./ens-support.svg" import ERC20SupportIcon from "./erc20-support.svg" -import FilterBurgerIcon from "./filter-burger.svg" import GasFeeCustomizationIcon from "./gas-fee-customization.svg" import HardwareIcon from "./hardware.svg" import HardwareSupportIcon from "./hardware-support.svg" @@ -30,7 +29,6 @@ export { DevicesIcon, ENSSupportIcon, ERC20SupportIcon, - FilterBurgerIcon, GasFeeCustomizationIcon, HardwareIcon, HardwareSupportIcon, diff --git a/src/components/ui/__stories__/Avatar.stories.tsx b/src/components/ui/__stories__/Avatar.stories.tsx index ede8bf6f05d..dcdee661e48 100644 --- a/src/components/ui/__stories__/Avatar.stories.tsx +++ b/src/components/ui/__stories__/Avatar.stories.tsx @@ -14,8 +14,8 @@ type Story = StoryObj export const Single: Story = { args: { - name: "dan abrahmov", - src: "https://bit.ly/dan-abramov", + name: "Sam Richards", + src: "https://avatars.githubusercontent.com/u/8097623?v=4", href: "#", }, render: (args) => ( @@ -29,8 +29,8 @@ export const Single: Story = { export const Group: Story = { args: { - name: "Dan Abrahmov", - src: "https://bit.ly/dan-abramov", + name: "Sam Richards", + src: "https://avatars.githubusercontent.com/u/8097623?v=4", href: "#", }, render: (args) => ( @@ -49,10 +49,10 @@ export const Group: Story = { export const WithUsername: Story = { args: { - name: "Dan Abrahmov", - src: "http://bit.ly/dan-abramov", - href: "http://bit.ly/dan-abramov", - label: "daneabrahmov", + name: "Sam Richards", + src: "https://avatars.githubusercontent.com/u/8097623?v=4", + href: "https://github.com/samajammin", + label: "samajammin", }, render: (args) => ( diff --git a/src/layouts/stories/BaseLayout.stories.tsx b/src/layouts/stories/BaseLayout.stories.tsx deleted file mode 100644 index 180ce6e27a5..00000000000 --- a/src/layouts/stories/BaseLayout.stories.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import type { Meta, StoryObj } from "@storybook/react" - -import { Center } from "@/components/ui/flex" - -import { langViewportModes } from "@/storybook/modes" - -import { BaseLayout as BaseLayoutComponent } from "../BaseLayout" - -const meta = { - title: "Templates/BaseLayout", - component: BaseLayoutComponent, - parameters: { - layout: "fullscreen", - chromatic: { - modes: { - ...langViewportModes, - }, - }, - nextjs: { - appDirectory: true, - }, - }, - argTypes: { - children: { - table: { - disable: true, - }, - }, - lastDeployLocaleTimestamp: { - table: { - disable: true, - }, - }, - }, -} satisfies Meta - -export default meta - -export const BaseLayout: StoryObj = { - args: { - children: ( -
- Content Here -
- ), - // contentIsOutdated: false, - // contentNotTranslated: false, - lastDeployLocaleTimestamp: "May 14, 2021", - }, -} diff --git a/src/layouts/stories/ContentLayout.stories.tsx b/src/layouts/stories/ContentLayout.stories.tsx index 0fdd70ad47a..0ad1da8ca02 100644 --- a/src/layouts/stories/ContentLayout.stories.tsx +++ b/src/layouts/stories/ContentLayout.stories.tsx @@ -64,15 +64,15 @@ export const ContentLayout: StoryObj = { maxDepth: 2, contributors: [ { - login: "github", - avatar_url: "/", - html_url: "https://github.com", + login: "samajammin", + avatar_url: "https://avatars.githubusercontent.com/u/8097623?v=4", + html_url: "https://github.com/samajammin", date: "2025-04-20T12:00:00.000Z", }, { - login: "crowdin", - avatar_url: "/", - html_url: "https://crowdin.com", + login: "samajammin", + avatar_url: "https://avatars.githubusercontent.com/u/8097623?v=4", + html_url: "https://github.com/samajammin", date: "2025-04-20T12:00:00.000Z", }, ],