Taking a look at it now, there are several code smells in here.

https://github.com/FNNDSC/ChRIS_store_ui/blob/e07441dd8a940a76e558bd1a256c7ec691fdd184/src/components/Notification/index.jsx

closeable doesn't seem to be a useful prop, and it seems like there's nothing at the level of this component which implements hiding of the component.

Hi @jennydaman , I'm new to this project and I would like to contribute. Can I take up this issue if no one else is working on it? 😊

@BhavyaT-135 sure. Reach out on Matrix if you'd like to chat about it.

Hi @jennydaman, yes I see that closeable has no use as of now and it is not affecting the hiding of the Alert Component. Should I declare it as a boolean state object and toggle it to false when the user clicks on the close button? 😊

Hello @jennydaman , I'd like to work on this issue if it's still open.

Sure @VictoriaAjala.

It's up to you whether you would like to attempt a quick fix or an overhaul of how these notification popups are implemented. The code could be redesigned to have a better interface/usage.

As always, reach out to me over Matrix @jennydaman:fedora.im if you have any questions.

Thanks @jennydaman, I will get in touch with you.