Notification

This component renders each grouped activity inside the <NotificationFeed /> component.

It supports the following activity verbs by default: follow, like, repost, comment.

Properties

activityGroup

NotificationActivityEnriched<UT, AT, CT, RT, CRT>

required

onClickNotification

((activityGroup: NotificationActivityEnriched<UT, AT, CT, RT, CRT>) => void) | undefined

onClickUser

OnClickUserHandler<UT> | undefined

onMarkAsRead

((group: MarkAsGroup) => Promise<void>) | undefined

Basic usage

4 years ago

<WithExampleStreamApp>
  <>
    <Notification activityGroup={notificationGroup1} />
    <Notification
      activityGroup={notificationGroup2}
      onClickUser={console.log}
      onClickNotification={console.log}
    />
  </>
</WithExampleStreamApp>

<WithExampleStreamApp>
  <>
    <Notification activityGroup={notificationGroup1} />
    <Notification
      activityGroup={notificationGroup2}
      onClickUser={console.log}
      onClickNotification={console.log}
    />
  </>
</WithExampleStreamApp>