open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add plus to trending group button

Browse Source
This commit is contained in:
James Grugett 2022-09-17 19:25:17 -05:00
parent 42f66b11f4
commit 3bddda37d2
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/pages/home/index.tsx
View File

@ -5,7 +5,7 @@ import {
PencilAltIcon, PencilAltIcon,
ArrowSmRightIcon, ArrowSmRightIcon,
} from '@heroicons/react/solid' } from '@heroicons/react/solid'
import { XCircleIcon } from '@heroicons/react/outline' import { PlusCircleIcon, XCircleIcon } from '@heroicons/react/outline'
import clsx from 'clsx' import clsx from 'clsx'
import { toast, Toaster } from 'react-hot-toast' import { toast, Toaster } from 'react-hot-toast'
@ -230,10 +230,7 @@ function GroupSection(props: {
} }
}} }}
> >
<XCircleIcon <XCircleIcon className={'h-5 w-5 flex-shrink-0'} aria-hidden="true" />
className={clsx('h-5 w-5 flex-shrink-0')}
aria-hidden="true"
/>
</Button> </Button>
</SectionHeader> </SectionHeader>
<ContractsGrid contracts={contracts} /> <ContractsGrid contracts={contracts} />
@ -322,6 +319,7 @@ export function TrendingGroupsSection(props: {
<Row className="flex-wrap gap-2"> <Row className="flex-wrap gap-2">
{chosenGroups.map((g) => ( {chosenGroups.map((g) => (
<PillButton <PillButton
className="flex flex-row items-center gap-1"
key={g.id} key={g.id}
selected={memberGroupIds.includes(g.id)} selected={memberGroupIds.includes(g.id)}
onSelect={() => { onSelect={() => {
@ -343,6 +341,11 @@ export function TrendingGroupsSection(props: {
} }
}} }}
> >
<PlusCircleIcon
className={'h-5 w-5 flex-shrink-0 text-gray-500'}
aria-hidden="true"
/>
{g.name} {g.name}
</PillButton> </PillButton>
))} ))}