Increase trending group count again. (It's uglier, but it's way more useful!)

This commit is contained in:
James Grugett 2022-10-03 18:22:18 -05:00
parent a1dcf8d168
commit 8d70dc4800

View File

@ -409,7 +409,7 @@ export function TrendingGroupsSection(props: {
const groups = useTrendingGroups().filter( const groups = useTrendingGroups().filter(
(g) => !memberGroupIds.includes(g.id) (g) => !memberGroupIds.includes(g.id)
) )
const count = 7 const count = 20
const chosenGroups = groups.slice(0, count) const chosenGroups = groups.slice(0, count)
if (chosenGroups.length === 0) { if (chosenGroups.length === 0) {
@ -419,6 +419,9 @@ export function TrendingGroupsSection(props: {
return ( return (
<Col className={className}> <Col className={className}>
<SectionHeader label="Trending groups" href="/explore-groups" /> <SectionHeader label="Trending groups" href="/explore-groups" />
<div className="mb-4 text-gray-500">
Follow groups you are interested in.
</div>
<Row className="flex-wrap gap-2"> <Row className="flex-wrap gap-2">
{chosenGroups.map((g) => ( {chosenGroups.map((g) => (
<PillButton <PillButton