Notification provider - Refine

kapa.ai

K

kapa.ai•2/11/24, 10:19 PM

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

kapa.ai

K

kapa.ai•2/11/24, 10:19 PM

----------------------
In Refine, you can customize the success notification for various operations like create, edit, update, and delete using the prop in the respective hooks. The is required for this prop to work.

Here are examples of how you can customize the success notification for different operations:

Create:

Source (https://refine.dev/docs/data/hooks/use-create#successnotification)

Edit:

Source (https://refine.dev/docs/data/hooks/use-form#successnotification-)

Update:

Source (https://refine.dev/docs/data/hooks/use-update#successnotification)

Delete:

Source (https://refine.dev/docs/data/hooks/use-delete#successnotification)

kapa.ai

K

kapa.ai•2/11/24, 10:19 PM

In each of these examples, the prop is a function that returns an object with

message

message

,

description

description

, and

type

type

properties. The

message

message

and

description

description

can be customized as per your needs. The

type

type

should be set to "success" for success notifications.
----------------------
Note: you can ask me a follow up question by @ mentioning me again

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

kapa.ai

K

kapa.ai•2/11/24, 10:19 PM

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

const { mutate } = useCreate();  
  
mutate({  
 successNotification: (data, values, resource) => {  
 return {  
 message: `${data.title} Successfully fetched.`,  
 description: "Success with no errors",  
 type: "success",  
 };  
 },  
});

const { mutate } = useCreate();  
  
mutate({  
 successNotification: (data, values, resource) => {  
 return {  
 message: `${data.title} Successfully fetched.`,  
 description: "Success with no errors",  
 type: "success",  
 };  
 },  
});

const { mutate } = useUpdate();  
  
mutate({  
 successNotification: (data, values, resource) => {  
 return {  
 message: `${data.title} Successfully fetched.`,  
 description: "Success with no errors",  
 type: "success",  
 };  
 },  
});

const { mutate } = useUpdate();  
  
mutate({  
 successNotification: (data, values, resource) => {  
 return {  
 message: `${data.title} Successfully fetched.`,  
 description: "Success with no errors",  
 type: "success",  
 };  
 },  
});

const { mutate } = useDelete();  
  
mutate({  
 successNotification: (data, id, resource) => {  
 return {  
 message: `${data.title} Successfully fetched.`,  
 description: "Success with no errors",  
 type: "success",  
 };  
 },  
});

const { mutate } = useDelete();  
  
mutate({  
 successNotification: (data, id, resource) => {  
 return {  
 message: `${data.title} Successfully fetched.`,  
 description: "Success with no errors",  
 type: "success",  
 };  
 },  
});