Change links to point to /ecosystem page (#1871)

Author: hasparus

.changeset/gold-buses-drop.md

@@ -0,0 +1,5 @@
+---
+"@theguild/components": patch
+---
+
+Change links to point to /ecosystem page

packages/components/src/components/explore-main-product-cards.tsx

@@ -6,9 +6,15 @@ import { ArrowIcon } from './icons';
 import { MainProductCard } from './product-card';
 import { TextLink } from './text-link';
 
-export type ExploreMainProductCardsProps = HTMLAttributes<HTMLDivElement>;
+export interface ExploreMainProductCardsProps extends HTMLAttributes<HTMLDivElement> {
+  isHive?: boolean;
+}
 
-export function ExploreMainProductCards({ className, ...rest }: ExploreMainProductCardsProps) {
+export function ExploreMainProductCards({
+  className,
+  isHive,
+  ...rest
+}: ExploreMainProductCardsProps) {
   return (
     <section
       className={cn(
@@ -21,8 +27,10 @@ export function ExploreMainProductCards({ className, ...rest }: ExploreMainProdu
         <Heading as="h2" size="xs" className="text-pretty">
           Explore Hive 360° GraphQL Ecosystem to reach full potential
         </Heading>
-        {/* TODO: Replace with a link to the Libraries page */}
-        <TextLink href="https://github.com/the-guild-org" className="mt-4 lg:mt-6">
+        <TextLink
+          href={isHive ? '/ecosystem' : 'https://the-guild.dev/graphql/hive/ecosystem'}
+          className="mt-4 lg:mt-6"
+        >
           Learn more
           <ArrowIcon />
         </TextLink>

packages/components/src/components/hive-navigation/index.tsx

@@ -36,8 +36,6 @@ import {
 
 export * from './graphql-conf-card';
 
-const EXPLORE_HREF = 'https://github.com/the-guild-org';
-
 const ENTERPRISE_MENU_HIDDEN = true;
 
 export interface HiveNavigationProps {
@@ -297,7 +295,9 @@ export const ProductsMenu = React.forwardRef<HTMLDivElement, ProductsMenuProps>(
             })}
           </ul>
           <Anchor
-            href={EXPLORE_HREF}
+            href={
+              productName === 'Hive' ? '/ecosystem' : 'https://the-guild.dev/graphql/hive/ecosystem'
+            }
             className="hive-focus -my-2 ml-2 flex items-center gap-2 rounded-lg p-2 font-medium text-green-800 transition-colors hover:bg-beige-100 hover:text-green-1000 dark:text-neutral-400 dark:hover:bg-neutral-800/50 dark:hover:text-neutral-200"
           >
             <span>Explore all libraries</span> <ArrowIcon />

packages/components/src/components/tools-and-libraries-cards/index.tsx

@@ -1,22 +1,25 @@
+import { HTMLAttributes } from 'react';
 import { cn } from '../../cn';
 import { FOUR_MAIN_PRODUCTS, SIX_HIGHLIGHTED_PRODUCTS } from '../../products';
 import { CallToAction } from '../call-to-action';
 import { Heading } from '../heading';
 import { AncillaryProductCard, MainProductCard } from '../product-card';
 
+export interface ToolsAndLibrariesCardsProps extends HTMLAttributes<HTMLDivElement> {
+  isHive?: boolean;
+}
 export function ToolsAndLibrariesCards({
   className,
   isHive,
-}: {
-  className?: string;
-  isHive?: boolean;
-}) {
+  ...rest
+}: ToolsAndLibrariesCardsProps) {
   return (
     <section
       className={cn(
         'isolate flex flex-col gap-6 px-4 py-6 lg:gap-12 lg:py-24 xl:px-[120px]',
         className,
       )}
+      {...rest}
     >
       <Heading as="h2" size="md" className="text-green-1000">
         Discover the complete ecosystem of tools and libraries