ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-12-16 02:22:12 +03:00
Code Issues Packages Projects Releases Wiki Activity

notifications: refactor inbox to match spec

Browse Source
This commit is contained in:
Liam Fitzgerald 2021-04-16 16:02:05 +10:00
parent 801ccdad6f
commit 3bd1e06f0f
No known key found for this signature in database
GPG Key ID: D390E12C61D1CFFB
1 changed files with 8 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
pkg/interface/src/views/apps/notifications/inbox.tsx
View File

@ -121,7 +121,7 @@ export default function Inbox(props: {
); );
return ( return (
<Col ref={scrollRef} position="relative" height="100%" overflowY="auto"> <Col p="1" ref={scrollRef} position="relative" height="100%" overflowY="auto">
<Invites pendingJoin={props.pendingJoin} api={api} /> <Invites pendingJoin={props.pendingJoin} api={api} />
{[...notificationsByDayMap.keys()].sort().reverse().map((day, index) => { {[...notificationsByDayMap.keys()].sort().reverse().map((day, index) => {
const timeboxes = notificationsByDayMap.get(day)!; const timeboxes = notificationsByDayMap.get(day)!;
@ -175,26 +175,15 @@ function DaySection({
return ( return (
<> <>
<Box position="sticky" zIndex={3} top="-1px" bg="white">
<Box p="2" bg="scales.black05">
<Text>
{label}
</Text>
</Box>
</Box>
{_.map(timeboxes.sort(sortTimeboxes), ([date, nots], i: number) => {_.map(timeboxes.sort(sortTimeboxes), ([date, nots], i: number) =>
_.map(nots.sort(sortIndexedNotification), (not, j: number) => ( _.map(nots.sort(sortIndexedNotification), (not, j: number) => (
<React.Fragment key={j}> <Notification
{(i !== 0 || j !== 0) && ( key={j}
<Box flexShrink={0} height="4px" bg="scales.black05" /> api={api}
)} notification={not}
<Notification archived={archive}
api={api} time={date}
notification={not} />
archived={archive}
time={date}
/>
</React.Fragment>
)) ))
)} )}
</> </>