diff --git a/src/app/_assets/logos/redstone.svg b/src/app/_assets/logos/redstone.svg new file mode 100644 index 0000000..68c0cb2 --- /dev/null +++ b/src/app/_assets/logos/redstone.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + diff --git a/src/app/_components/icons/gradient/chart-up.tsx b/src/app/_components/icons/gradient/chart-up.tsx index 7c6976f..f6d96f7 100644 --- a/src/app/_components/icons/gradient/chart-up.tsx +++ b/src/app/_components/icons/gradient/chart-up.tsx @@ -22,7 +22,7 @@ export function ChartUpIcon(props: SVGProps) { strokeWidth="10" strokeLinecap="round" strokeLinejoin="round" - stroke-dasharray="26 26" + strokeDasharray="26 26" mask="url(#path-1-inside-1_1942_3398)" /> + + + + + + + + + + + + + + + + + + + ); +} diff --git a/src/app/_components/icons/index.tsx b/src/app/_components/icons/index.tsx index 2ed1270..9e17214 100644 --- a/src/app/_components/icons/index.tsx +++ b/src/app/_components/icons/index.tsx @@ -50,3 +50,4 @@ export { ModeIcon } from "./gradient/logos/mode"; export { BlastIcon } from "./gradient/logos/blast"; export { ScrollIcon } from "./gradient/logos/scroll"; export { LiskIcon } from "./gradient/logos/lisk"; +export { RedstoneIcon } from "./gradient/logos/redstone"; diff --git a/src/app/_components/supported-chains-section.tsx b/src/app/_components/supported-chains-section.tsx index 8dbb10a..8582e3b 100644 --- a/src/app/_components/supported-chains-section.tsx +++ b/src/app/_components/supported-chains-section.tsx @@ -11,6 +11,7 @@ import { BlastIcon, ScrollIcon, LiskIcon, + RedstoneIcon, } from "@/app/_components/icons"; import { Text } from "@/app/_components/text"; @@ -59,7 +60,12 @@ const chains = [ { label: "Lisk", Icon: LiskIcon, - containerClassName: "sm:col-start-3", + containerClassName: "", + }, + { + label: "Redstone", + Icon: RedstoneIcon, + containerClassName: "", }, ]; @@ -88,7 +94,7 @@ export function SupportedChainsSection(props: { variant: "teal" | "purple" }) { Supported Chains - + {chains.map((chain, index) => ( - + {chain.label} diff --git a/src/app/_components/supported-chains-ticker.tsx b/src/app/_components/supported-chains-ticker.tsx index bfffdda..07fb187 100644 --- a/src/app/_components/supported-chains-ticker.tsx +++ b/src/app/_components/supported-chains-ticker.tsx @@ -13,6 +13,7 @@ import modeLogoSrc from "@/app/_assets/logos/mode.svg"; import blastLogoSrc from "@/app/_assets/logos/blast.svg"; import scrollLogoSrc from "@/app/_assets/logos/scroll.svg"; import liskLogoSrc from "@/app/_assets/logos/lisk.svg"; +import redstoneLogoSrc from "@/app/_assets/logos/redstone.svg"; const chains = [ { @@ -48,6 +49,9 @@ const chains = [ { logo: , }, + { + logo: , + }, ]; export function SupportedChainsTicker() {