Diverse websocket events führen aktuell zwar zu Updates des states eines RAMs, jedoch kann hier die ux erheblich verbessert werden, indem man diese events dem Nutzer offensichtlicher mitteilt. Hierfür wäre eine Toast-Komponente vermutlich sinnvoll.
Folgende Schritte sollen als Hilfe dienen:
[x] eine neue Datei toast.tsx innerhalb der directory /components erstellen @dev-hias
[x] signature für functional component hinterlegen export default function Toast() { return <div>Toast</div> } @dev-hias
[ ] template innerhalb <div>Toast</div> mit entsprechendem markup füllen (wir verwenden tailwind.css als utility framework, weshalb dieses Beispiel mit Farben als Einstieg dienen kann @dev-hias
[ ] entsprechende state hooks implementieren @andreasteich
Diverse websocket events führen aktuell zwar zu Updates des states eines RAMs, jedoch kann hier die ux erheblich verbessert werden, indem man diese events dem Nutzer offensichtlicher mitteilt. Hierfür wäre eine Toast-Komponente vermutlich sinnvoll.
Folgende Schritte sollen als Hilfe dienen:
toast.tsxinnerhalb der directory/componentserstellen @dev-hiasexport default function Toast() { return <div>Toast</div> }@dev-hias<div>Toast</div>mit entsprechendem markup füllen (wir verwenden tailwind.css als utility framework, weshalb dieses Beispiel mit Farben als Einstieg dienen kann @dev-hias