-
Notifications
You must be signed in to change notification settings - Fork 65
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Added notification link in dropdown #166
base: develop
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
One change requested, please check.
pages/notification.js
Outdated
<li> | ||
<div className="notificationArea"> | ||
<h4>Rohit has requested RDS 200 from you</h4> | ||
<div className="buttons"> | ||
<button className="approve">Approve</button> | ||
<button className="discard">Discard</button> | ||
</div> | ||
</div> | ||
</li> | ||
<li> | ||
<div className="notificationArea"> | ||
<h4>Rohit has requested RDS 200 from you</h4> | ||
<div className="buttons"> | ||
<button className="approve">Approve</button> | ||
<button className="discard">Discard</button> | ||
</div> | ||
</div> | ||
</li> | ||
<li> | ||
<div className="notificationArea"> | ||
<h4>Rohit has requested RDS 200 from you</h4> | ||
<div className="buttons"> | ||
<button className="approve">Approve</button> | ||
<button className="discard">Discard</button> | ||
</div> | ||
</div> | ||
</li> | ||
<li> | ||
<div className="notificationArea"> | ||
<h4>Rohit has requested RDS 200 from you</h4> | ||
<div className="buttons"> | ||
<button className="approve">Approve</button> | ||
<button className="discard">Discard</button> | ||
</div> | ||
</div> | ||
</li> | ||
<li> | ||
<div className="notificationArea"> | ||
<h4>Rohit has requested RDS 200 from you</h4> | ||
<div className="buttons"> | ||
<button className="approve">Approve</button> | ||
<button className="discard">Discard</button> | ||
</div> | ||
</div> | ||
</li> | ||
<li> | ||
<div className="notificationArea"> | ||
<h4>Rohit has requested RDS 200 from you</h4> | ||
<div className="buttons"> | ||
<button className="approve">Approve</button> | ||
<button className="discard">Discard</button> | ||
</div> | ||
</div> | ||
</li> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can we please refactor this? li
has a similar pattern throughout. Maybe create a new function that returns this li
and call that function 4-5 times, or create a component and call that component 4-5 times.
That will make this code much more clean and readable.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ok thnks. I will make the changes.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@sumitd94 Changes has been made. Please check.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
One small change requested please.
pages/notification.js
Outdated
{ | ||
data.map((item) => { | ||
return( | ||
<li> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
key
is missing here
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done. Please check.
@Kratika0907 Please review the PR.
Notification link in the dropdown.
notification page in desktop view.
notification page in mobile view.