Virtual-Royaume / Royaume-Frontend

Website of our community.
https://royaume.world
6 stars 0 forks source link

Mise à jour du composant `Notification` #23

Closed Bluzzi closed 1 year ago

Bluzzi commented 1 year ago

Exemple

https://sonner.emilkowal.ski/

Todo

Steellgold commented 1 year ago
  • [ ] Le sens de suppression des notifications doit être fix

Ce n'est pas encore parfait, un retour ?

https://user-images.githubusercontent.com/51505384/227298814-fe1d7f71-e64b-4cb6-8e80-89a209bcb332.mp4


Il doit avoir une meilleur API (notif.error(msg), notif.success(msg))

export const success = (message: string): void => {
  pushNotification(message, "success");
};

export const error = (message: string): void => {
  pushNotification(message, "error");
};

export const info = (message: string): void => {
  pushNotification(message, "info");
};

Il doit gérer deux états (success et error)

<Button color="success" onClick={() => success("C'est une bonne notification")}>Bonne notification</Button>
<Button color="error" onClick={() => error("C'est une mauvaise notification")}>Mauvaise notification</Button>
<Button color="primary" onClick={() => info("C'est une notification d'information")}>Notification</Button>

image

Bluzzi commented 1 year ago

L'effet est ultra bizarre pour l'instant :/

Steellgold commented 1 year ago

Étant donné que le projet est maintenant passé sur NextJS nous allons utiliser https://github.com/emilkowalski/sonner