Use payload's own toast notification inside custom React components

hayskapoy

6 months ago

7

• 

  Tinouti

  5 months ago

  @hayskapoy did you figure out how to do this by any chance?

• 

  hayskapoy

  5 months ago

  Unfortunately not

• 

  Alessio 🍣

  5 months ago

  Would be interested in that too. Maybe it's better building an interface for toasts in payload which can be used externally by plugins, instead of using react-toastify directly?

  
  

  
  

  @jmikrut what do you think? Will build it if you think that's a good idea!

• 

  KasparTr

  5 months ago

  @Alessio 🍣 do you have examples of how you used react-toastify in your Payload app?

• 

  Alessio 🍣

  5 months ago

  You can check how it's done in payload, e.g.:

  https://github.com/AlessioGr/payload/blob/extra_attribute_for_fields/src/admin/components/elements/Autosave/index.tsx#L65
  
  

  but I didn't get it to work in a payload app (e.g. through a plugin) like that. Not sure why, maybe it's not part of the ToastContainer

• 

  denolfe

  Payload Team

  5 months ago

  This would likely fall under this Priority 1 Roadmap item:

  https://github.com/payloadcms/payload/discussions/293
  
  

  @hayskapoy Maybe add a comment on that calling out the toast notifications specifically