From dff61e405a3f7716c8d577b573d11a0b68617b6d Mon Sep 17 00:00:00 2001 From: Kenk Date: Tue, 26 Sep 2023 21:00:19 +0700 Subject: [PATCH] feat(website): add gourds to ecosystem (#14818) Co-authored-by: dave | d1onys1us <13951458+d1onys1us@users.noreply.github.com> --- .../components/Ecosystem/EcosystemSection.tsx | 21 ++++++++++++------ .../public/images/ecosystem/gourds.jpeg | Bin 0 -> 46207 bytes 2 files changed, 14 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..a1857d55eb8 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", @@ -550,15 +559,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 (