From 9c6a317c1b4ad3c63f2e612ebf58af9aeaa69e56 Mon Sep 17 00:00:00 2001 From: "James Morris, MS" <96435344+james-a-morris@users.noreply.github.com> Date: Mon, 18 Nov 2024 10:44:20 -0500 Subject: [PATCH] feat(alephzero): add logos (#86) Signed-off-by: james-a-morris --- src/app/_assets/logos/alephzero.svg | 19 ++++ .../icons/gradient/logos/alephzero.tsx | 96 +++++++++++++++++++ src/app/_components/icons/index.tsx | 1 + .../_components/supported-chains-section.tsx | 5 + .../_components/supported-chains-ticker.tsx | 4 + 5 files changed, 125 insertions(+) create mode 100644 src/app/_assets/logos/alephzero.svg create mode 100644 src/app/_components/icons/gradient/logos/alephzero.tsx diff --git a/src/app/_assets/logos/alephzero.svg b/src/app/_assets/logos/alephzero.svg new file mode 100644 index 0000000..c15f269 --- /dev/null +++ b/src/app/_assets/logos/alephzero.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/app/_components/icons/gradient/logos/alephzero.tsx b/src/app/_components/icons/gradient/logos/alephzero.tsx new file mode 100644 index 0000000..b7032e3 --- /dev/null +++ b/src/app/_components/icons/gradient/logos/alephzero.tsx @@ -0,0 +1,96 @@ +import { LogoIconProps } from "./types"; + +export function AlephZeroIcon({ variant = "aqua", ...props }: LogoIconProps) { + const linearGradientBasedId = `paint_linear_gradient_${variant}`; + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} diff --git a/src/app/_components/icons/index.tsx b/src/app/_components/icons/index.tsx index 76fa429..fd22ed9 100644 --- a/src/app/_components/icons/index.tsx +++ b/src/app/_components/icons/index.tsx @@ -56,3 +56,4 @@ export { LiskIcon } from "./gradient/logos/lisk"; export { RedstoneIcon } from "./gradient/logos/redstone"; export { ZoraIcon } from "./gradient/logos/zora"; export { WorldChainIcon } from "./gradient/logos/worldchain"; +export { AlephZeroIcon } from "./gradient/logos/alephzero"; diff --git a/src/app/_components/supported-chains-section.tsx b/src/app/_components/supported-chains-section.tsx index 816c153..d00b291 100644 --- a/src/app/_components/supported-chains-section.tsx +++ b/src/app/_components/supported-chains-section.tsx @@ -14,6 +14,7 @@ import { RedstoneIcon, ZoraIcon, WorldChainIcon, + AlephZeroIcon, } from "@/app/_components/icons"; import { Text } from "@/app/_components/text"; @@ -78,6 +79,10 @@ const chains = [ label: "World Chain", Icon: WorldChainIcon, }, + { + label: "Aleph Zero", + Icon: AlephZeroIcon, + }, ]; const variants = { diff --git a/src/app/_components/supported-chains-ticker.tsx b/src/app/_components/supported-chains-ticker.tsx index 4a3fe17..f376ab8 100644 --- a/src/app/_components/supported-chains-ticker.tsx +++ b/src/app/_components/supported-chains-ticker.tsx @@ -16,6 +16,7 @@ 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"; +import alephZeroIconSrc from "@/app/_assets/logos/alephzero.svg"; const chains = [ { @@ -60,6 +61,9 @@ const chains = [ { logo: world chain logo, }, + { + logo: aleph zero, + }, ]; export function SupportedChainsTicker() {