diff --git a/src/app/_assets/logos/world-chain.svg b/src/app/_assets/logos/world-chain.svg new file mode 100644 index 0000000..3af758a --- /dev/null +++ b/src/app/_assets/logos/world-chain.svg @@ -0,0 +1,10 @@ + + + + + + + + diff --git a/src/app/_components/icons/gradient/logos/worldchain.tsx b/src/app/_components/icons/gradient/logos/worldchain.tsx new file mode 100644 index 0000000..f11b197 --- /dev/null +++ b/src/app/_components/icons/gradient/logos/worldchain.tsx @@ -0,0 +1,93 @@ +import { LogoIconProps } from "./types"; + +export function WorldChainIcon({ variant = "aqua", ...props }: LogoIconProps) { + const linearGradientBasedId = `world-chain-paint_linear_gradient_${variant}`; + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} diff --git a/src/app/_components/icons/index.tsx b/src/app/_components/icons/index.tsx index 2c524a5..76fa429 100644 --- a/src/app/_components/icons/index.tsx +++ b/src/app/_components/icons/index.tsx @@ -55,3 +55,4 @@ export { ScrollIcon } from "./gradient/logos/scroll"; export { LiskIcon } from "./gradient/logos/lisk"; export { RedstoneIcon } from "./gradient/logos/redstone"; export { ZoraIcon } from "./gradient/logos/zora"; +export { WorldChainIcon } from "./gradient/logos/worldchain"; diff --git a/src/app/_components/supported-chains-section.tsx b/src/app/_components/supported-chains-section.tsx index 4ced50a..816c153 100644 --- a/src/app/_components/supported-chains-section.tsx +++ b/src/app/_components/supported-chains-section.tsx @@ -13,6 +13,7 @@ import { LiskIcon, RedstoneIcon, ZoraIcon, + WorldChainIcon, } from "@/app/_components/icons"; import { Text } from "@/app/_components/text"; @@ -73,6 +74,10 @@ const chains = [ Icon: ZoraIcon, containerClassName: "", }, + { + label: "World Chain", + Icon: WorldChainIcon, + }, ]; const variants = { diff --git a/src/app/_components/supported-chains-ticker.tsx b/src/app/_components/supported-chains-ticker.tsx index 3ddf2e8..4a3fe17 100644 --- a/src/app/_components/supported-chains-ticker.tsx +++ b/src/app/_components/supported-chains-ticker.tsx @@ -15,6 +15,7 @@ import scrollLogoSrc from "@/app/_assets/logos/scroll.svg"; import liskLogoSrc from "@/app/_assets/logos/lisk.svg"; import redstoneLogoSrc from "@/app/_assets/logos/redstone.svg"; import zoraLogoSrc from "@/app/_assets/logos/zora.svg"; +import worldChainIconSrc from "@/app/_assets/logos/world-chain.svg"; const chains = [ { @@ -56,6 +57,9 @@ const chains = [ { logo: zora logo, }, + { + logo: world chain logo, + }, ]; export function SupportedChainsTicker() {