urbit/shrub
1
1
Fork 0
mirror of https://github.com/urbit/shrub.git synced 2024-11-28 13:54:20 +03:00
Code Issues Packages Projects Releases Wiki Activity

landscape/groupSwitcher: link to group with row

Browse Source 
Previously, you had to click the text inside the recent groups menu.

This makes the entire row clickable.
This commit is contained in:
Matilde Park 2020-11-02 16:36:07 -05:00
parent e78767f6ab
commit 07b74af662
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
pkg/interface/src/views/landscape/components/GroupSwitcher.tsx
View File

@ -49,7 +49,8 @@ function RecentGroups(props: { recent: string[]; associations: Associations }) {
const assoc = associations.contacts[g];
const color = uxToHex(assoc?.metadata?.color || "0x0");
return (
<Row key={g} px={1} pb={2} alignItems="center">
<Link key={g} style={{ minWidth: 0 }} to={`/~landscape${g}`}>
<Row px={1} pb={2} alignItems="center">
<Box
borderRadius={1}
border={1}
@ -61,10 +62,9 @@ function RecentGroups(props: { recent: string[]; associations: Associations }) {
display="block"
flexShrink='0'
/>
<Link style={{ minWidth: 0 }} to={`/~landscape${g}`}>
<Text verticalAlign='top' maxWidth='100%' overflow='hidden' display='inline-block' style={{ textOverflow: 'ellipsis', whiteSpace: 'pre' }}>{assoc?.metadata?.title}</Text>
</Link>
</Row>
</Row>
</Link>
);
})}
</Col>