Notify plugin: add onClick event to configuration options

[elste]

Hi,
I would like to work on the Notify plugin.
My goal is to close notifications by clicking on them, without using actions.
I couldn't find anything about it in the documentation.
So I want to add an onClick event to configuration options.
I initially considered using a boolean property (e.g. closeOnClick), but I think onClick event can provide a higher level of abstraction and more ways of using it.

Before I start working on it, I would like to know your opinions and any advice.

Thank you

[gioboa]

Wow 🎉 this should be useful for my project 🤩

[zackAJ]

this can be done like this:

  Notify.create({
    position: 'top',
    color: 'green',
    message,
    icon,
    timeout: 1500,
    actions:[
      onclick=()=>console.log('clicked'), //there you go
    ]
  });

[elste]

Great, I implemented @zackAJ 's solution this way:

const $q = useQuasar()

const dismiss = $q.notify({
  position: 'top',
  color: 'green',
  message: 'Hello world',
  icon: 'home',
  timeout: 0,
  actions: [
    onclick = () => close()
  ]
});

function close() {
   dismiss();
}

It works fine in javascript, but in typescript it returns this error in reference to the onclick function:

Type '() => void' has no properties in common with type 'QNotifyAction'.

How do I solve it?

[ivanjaros]

that's because you are misusing the configuration for actions, which are just q-button

see https://quasar.dev/quasar-plugins/notify#setting-attributes maybe you could provide onclick html attribute as a function. don't forget to add cursor-pointer class in that case so user has visual indicator that notification is clickable.