From 5ff01d9d30af33da77d0b1a5ddf46f761c3fa3ee Mon Sep 17 00:00:00 2001 From: Kenk Date: Mon, 28 Aug 2023 15:10:59 +0700 Subject: [PATCH 1/2] feat(website): add rubric to ecosystem --- .../components/Ecosystem/EcosystemSection.tsx | 21 ++++++++++++------ .../public/images/ecosystem/rubric.png | Bin 0 -> 121913 bytes 2 files changed, 14 insertions(+), 7 deletions(-) create mode 100644 packages/website/public/images/ecosystem/rubric.png diff --git a/packages/website/components/Ecosystem/EcosystemSection.tsx b/packages/website/components/Ecosystem/EcosystemSection.tsx index 2a35d7c49e..d6bf0e3871 100644 --- a/packages/website/components/Ecosystem/EcosystemSection.tsx +++ b/packages/website/components/Ecosystem/EcosystemSection.tsx @@ -261,6 +261,15 @@ const ecosystemData: EcosystemData[] = [ filters: [], isLive: true, }, + { + icon: "/images/ecosystem/rubric.png", + name: "Rubric", + link: "https://rubic.exchange/", + description: + "Rubic enhances interoperability through network bridging and cross-chain dev tools for omnichain dApps. Users access diverse assets via varied DEXs under a unified interface with optimized cross-chain transactions.", + filters: [], + isLive: false, + }, { icon: "/images/ecosystem/rubydex.png", name: "RubyDex", @@ -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 (