Added MUI alerts to replace browser alerts ⚠️

[warmachine028]

Use MUI Alerts 📐

• I Pritam Kundu have worked for [FEATURE] UI(Thread): Use MUI Alerts #51

Changes Made

• Used Material UI to add Snackbar Component

• Added Snackbar to repalce browser alerts

  • Log In
  • Sign Up
  • Image Upload Error
  • Sign In Error
  • Firebase Error

• Replaced all alerts and error messages and with Snackbar Notifications

Screenshots:

• Logging In
  

• Logging Out
  

• Error Messages
  

• Creating Post
  

[mathiasayivor]

@warmachine028 Instead of creating a custom component, you might want to consider notistack, which has an imperative API and makes it easy to display snackbars, without having to handle their open/close state

[warmachine028]

I have already closed 2 PRs regarding this issue. @narayan954 said that the notification was alright but it had issues in the merge conflicts. So I had to scrap out everything and begin from the start. Besides it was clearly mentioned in the issue #51 to use MUI alerts so I did it. Using notistack means I have to start again from scratch which seems quite cumbersome at this point

[mathiasayivor]

I understand your pain, but notistack is actually quite easy to implement IMO.
Using your current solution means we'd have to be prop-drilling or repeating code if we need to re-use the snackbar in other components.
I'd try implementing it in your fork so you can proceed if that's cool with you.

[warmachine028]

I understand your pain, but notistack is actually quite easy to implement IMO. Using your current solution means we'd have to be prop-drilling or repeating code if we need to re-use the snackbar in other components. I'd try implementing it in your fork so you can proceed if that's cool with you.

Sure you can try implementing in my fork

[narayan954]

Everything's fine and thanks a lot for taking the step!, Just a question related to prompt when signing out

Can this be done using notistack as well ?

[warmachine028]

This can be done using a dialogBox

[narayan954]

This can be done using a dialogBox

oh okayy