Refine•3y ago

Anyway to send my own alerts similar to when a new entry is created?

I am hoping to subscribe to supabase events and display a notification on everypage when certain events happen. I was thinking about setting it up in the layout page?

kapa.ai•5/4/23, 1:39 AM

Hi @hortinstein. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base.

kapa.ai•5/4/23, 1:40 AM

----------------------
You can use the

useSubscription

useSubscription

hook to subscribe to events emitted within refine. To display a notification on every page when certain events happen, you can set up the subscription in your custom layout component.

First, create a custom layout component if you haven't already. Here's an example of a custom layout component:

(Source: supabase-twilio-otp-authentication-in-react > Auth Provider > Part 4 (https://refine.dev/blog/supabase-twilio-otp-authentication-in-react/))

Next, use the

useSubscription

useSubscription

hook in your custom layout component to subscribe to the events you're interested in. For example, you can subscribe to the

create

create

event for a specific resource and display a notification when the event occurs.

kapa.ai•5/4/23, 1:40 AM

Unfortunately, I don't have enough information in the provided extracts to give you a confident answer on how to set up the

useSubscription

useSubscription

hook and display notifications. However, you can refer to the refine documentation on real-time (https://refine.dev/docs/advanced-tutorials/real-time) for more information on how to use the

useSubscription

useSubscription

hook and handle events.
----------------------

Note: you can ask me a follow up question by @ mentioning me again

Note: you can ask me a follow up question by @ mentioning me again

----------------------

Live / Realtime | refine

refine lets you add Realtime support to your app via the liveProvider prop for ``. It can be used to update and show data in Realtime throughout your app. refine remains agnostic in its API to allow different solutions(Ably, Socket.IO, Mercure, supabase, etc.) to be integrated.

kapa.ai•5/4/23, 1:40 AM

@169298166506586113 kapa.ai is still learning and improving, please let us how it did by reacting below

colossal-harlequin•5/4/23, 5:26 PM

Hey @hortinstein,

You can listen all using the prop of component.

You can find more information here: https://refine.dev/docs/api-reference/core/providers/live-provider/#refine

Live Provider | refine

Overview

Ccolossal-harlequin Hey @hortinstein, You can listen all using the `onLiveEvent` prop of `<Refine>`...

rubber-blueOP•5/4/23, 7:04 PM

Thank you, is the specific component that does alerting for other operations easily accessible to do custom alerts?

colossal-harlequin•5/5/23, 6:37 AM

refine does not provide any hook to listen to all events, so I'm not sure how to implement it in the component. I think you should pop an alert in callback of .

rubber-blueOP•5/7/23, 10:27 AM

Thanks, apologies for confusion I was asking about alert....and meant toast, I managed to get it working, appreciate the help