From 9f2deae3af6fd9e37502934a350ad674347ba756 Mon Sep 17 00:00:00 2001 From: Kenk Date: Mon, 28 Aug 2023 15:23:16 +0700 Subject: [PATCH 1/2] feat(website): add MES protocol to ecosystem --- .../components/Ecosystem/EcosystemSection.tsx | 21 ++++++++++++------ .../public/images/ecosystem/mesprotocol.png | Bin 0 -> 103518 bytes 2 files changed, 14 insertions(+), 7 deletions(-) create mode 100644 packages/website/public/images/ecosystem/mesprotocol.png diff --git a/packages/website/components/Ecosystem/EcosystemSection.tsx b/packages/website/components/Ecosystem/EcosystemSection.tsx index 2a35d7c49e6..c0617bb3de9 100644 --- a/packages/website/components/Ecosystem/EcosystemSection.tsx +++ b/packages/website/components/Ecosystem/EcosystemSection.tsx @@ -101,6 +101,15 @@ const ecosystemData: EcosystemData[] = [ filters: [], isLive: true, }, + { + icon: "/images/ecosystem/mesprotocol.png", + name: "MES Protocol", + link: "https://www.mesprotocol.com/", + description: + "MES is a cross-rollup orderbook DEX.", + filters: [], + isLive: true, + }, { icon: "/images/ecosystem/mintpad.jpeg", name: "Mintpad", @@ -455,15 +464,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 (