From 39e47273b33e4047c0c94722c9899e8a25e3858c Mon Sep 17 00:00:00 2001 From: Kenk Date: Mon, 7 Aug 2023 21:33:33 +0700 Subject: [PATCH] feat(website): add morkie to ecosystem (#14401) --- .../components/Ecosystem/EcosystemSection.tsx | 21 ++++++++++++------ .../public/images/ecosystem/morkie.png | Bin 0 -> 29798 bytes 2 files changed, 14 insertions(+), 7 deletions(-) create mode 100644 packages/website/public/images/ecosystem/morkie.png diff --git a/packages/website/components/Ecosystem/EcosystemSection.tsx b/packages/website/components/Ecosystem/EcosystemSection.tsx index bc61313b1d7..9486a5f2940 100644 --- a/packages/website/components/Ecosystem/EcosystemSection.tsx +++ b/packages/website/components/Ecosystem/EcosystemSection.tsx @@ -102,6 +102,15 @@ const ecosystemData: EcosystemData[] = [ filters: [], isLive: true, }, + { + icon: "/images/ecosystem/morkie.png", + name: "Morkie", + link: "https://www.morkie.xyz/", + description: + "Morkie aims to create an immersive oasis for NFT enthusiasts and collectors, offering them a unique space to not only showcase their digital assets but also to earn rewards for their loyalty and participation in the ecosystem. Our vision is to foster a thriving community that embraces the potential of NFTs beyond static ownership.", + filters: ['nft'], + isLive: true, + }, { icon: "/images/ecosystem/mxc.svg", name: "MXC", @@ -357,15 +366,13 @@ export function EcosystemSection() { function FilterLabel({ text, activeFilter, setActiveFilter }) { const isActive = activeFilter === text; - const buttonStyles = `border rounded-full py-1 px-4 text-sm focus:outline-none transition-colors duration-200 font-bold ${ - isActive - ? "bg-gray-300 text-black" - : "bg-white text-gray-700 dark:bg-black dark:text-gray-300" - } ${ - isActive + const buttonStyles = `border rounded-full py-1 px-4 text-sm focus:outline-none transition-colors duration-200 font-bold ${isActive + ? "bg-gray-300 text-black" + : "bg-white text-gray-700 dark:bg-black dark:text-gray-300" + } ${isActive ? "hover:bg-gray-400" : "hover:bg-neutral-100 dark:hover:bg-neutral-800" - }`; + }`; return (