diff --git a/packages/system/src/components/homepage/featured-libraries.tsx b/packages/system/src/components/homepage/featured-libraries.tsx index 52227880..05af6d65 100644 --- a/packages/system/src/components/homepage/featured-libraries.tsx +++ b/packages/system/src/components/homepage/featured-libraries.tsx @@ -1,6 +1,6 @@ import classNames from "classnames" import React from "react" -import { sampleSize } from "lodash" +import { sampleSize, capitalize } from "lodash" import { featuredLibrariesStyle, featuredLibrariesHeadingStyle, @@ -14,6 +14,7 @@ export interface FeaturedLibrariesProps extends React.ComponentPropsWithoutRef<"div"> { libraries: Library[] libraryTags: string[] + siteName: string } export function FeaturedLibraries({ @@ -21,13 +22,14 @@ export function FeaturedLibraries({ className, libraries, libraryTags, + siteName, ...props }: FeaturedLibrariesProps) { const randomLibraries = sampleSize(libraries, 6) return (

- Featured React Libraries + Featured {capitalize(siteName)} Libraries

{randomLibraries.map((library, i) => ( diff --git a/packages/system/src/components/homepage/homepage.tsx b/packages/system/src/components/homepage/homepage.tsx index cf0b9776..98e9072c 100644 --- a/packages/system/src/components/homepage/homepage.tsx +++ b/packages/system/src/components/homepage/homepage.tsx @@ -72,7 +72,11 @@ export function Homepage({ homepageGutterStyle )} > - +