# User Guide

1. [Step By Step Process](#id-1.-step-by-step-process)
2. [Demo Video](#id-2.-demo-video)

## 1. Step By Step Process

### 1. Icon & Tooltip :

Added notification icon and also tooltip with count of unread notifications:

![image4.png](https://1556785885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNYWPEEAknX9Vki1yV5HY%2Fuploads%2Fgit-blob-2353a305a32c907b9f35d89fd119a2cad60793c3%2F0%20\(1\)%20\(1\)%20\(1\)%20\(1\)%20\(1\)%20\(1\)%20\(1\)%20\(1\).png?alt=media)

### 2. View :

By clicking on notification button, users can view new notifications or the status of active long-running processes:

![image3.png](https://1556785885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNYWPEEAknX9Vki1yV5HY%2Fuploads%2Fgit-blob-24fc8e30e9185385d5ca301f0f2b0603e93c1979%2F1.png?alt=media)

### 3. Marking all the unread notifications as Read :

Unread notifications are automatically marked as ‘read’ after viewing, alternatively users can remove the ‘unread’ status from all notifications manually by clicking on “Mark all as read”.

![image5.png](https://1556785885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNYWPEEAknX9Vki1yV5HY%2Fuploads%2Fgit-blob-04e4fa2c11b7af1dbb372e9ed2b616620b451ce0%2F2%20\(7\)%20\(1\).png?alt=media)

### 4. View Details :

Users can see the details of the status or progresses of the recent processes by clicking on “View”/”View details”

![image2.png](https://1556785885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNYWPEEAknX9Vki1yV5HY%2Fuploads%2Fgit-blob-808d456dc71c2c466f785a454774a58f8fff8423%2F3%20\(5\).png?alt=media)

### 5. View All Notifications :

Users can see old notifications by clicking on “”View all notifications”. On the notifications status grid, we can perform two operations on the notification: “Delete up to this point” and “Open”.

![image6.png](https://1556785885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNYWPEEAknX9Vki1yV5HY%2Fuploads%2Fgit-blob-5a5c99ed311a8f230810babbba01b56f0bdbfe7d%2F4%20\(4\).png?alt=media)

## 2. Demo Video

[Youtube](https://youtu.be/e6U68FtEbG8?si=V-6JkQHJtqhaOySF\&t=119)