From a81af532b8645ece2263b2985d048456895466e1 Mon Sep 17 00:00:00 2001 From: Kenk Date: Tue, 26 Sep 2023 09:33:16 +0700 Subject: [PATCH 1/2] feat(website): add gourd to ecosystem --- .../components/Ecosystem/EcosystemSection.tsx | 30 ++++++++++++++---- .../public/images/ecosystem/gourds.jpeg | Bin 0 -> 46207 bytes 2 files changed, 23 insertions(+), 7 deletions(-) create mode 100644 packages/website/public/images/ecosystem/gourds.jpeg diff --git a/packages/website/components/Ecosystem/EcosystemSection.tsx b/packages/website/components/Ecosystem/EcosystemSection.tsx index 07455345dd7..d86c5a11323 100644 --- a/packages/website/components/Ecosystem/EcosystemSection.tsx +++ b/packages/website/components/Ecosystem/EcosystemSection.tsx @@ -126,6 +126,15 @@ const ecosystemData: EcosystemData[] = [ filters: [], isLive: true, }, + { + icon: "/images/ecosystem/gourds.jpeg", + name: "Gourds", + link: "https://gourds.studio", + description: + "Gourds aims to achieve crypto market efficiency by introducing novel trading instruments for mass adoption.", + filters: [], + isLive: true, + }, { icon: "/images/ecosystem/metamerge.png", name: "Meta Merge", @@ -330,6 +339,15 @@ const ecosystemData: EcosystemData[] = [ filters: [], isLive: true, }, + { + icon: "/images/ecosystem/gourds.jpeg", + name: "Gourds", + link: "https://gourds.studio", + description: + "Gourds aims to achieve crypto market efficiency by introducing novel trading instruments for mass adoption.", + filters: [], + isLive: true, + }, { icon: "/images/ecosystem/stakeme.png", name: "STAKEME", @@ -550,15 +568,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 (