Modal component #111
Modal component #111
Conversation
A-Wodnicki
commented
Aug 3, 2023
A-Wodnicki
commented
| * - [dialog](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog) | ||
| * */ | ||
| function Modal({ title, children, modal, variant, open, onClose }) { | ||
| let showConfirm |
There was a problem hiding this comment.
Możesz tutaj użyć ternary operator i usunąć tego leta. Chyba, że masz jakiś głębszy zamysł z użyciem let w tym przypadku 😅
| let showConfirm | |
| const showConfirm = variant === "confirm" ? true : false; |
There was a problem hiding this comment.
Zrobiłem tak w razie wypadku gdyby w przyszłości miałoby się pojawić więcej wariantów, niżej jest switch, który by tym potem sterował
ui/src/components/Modal/Modal.jsx
Outdated
| }, [open]) | ||
|
|
||
| return ( | ||
| <dialog |
There was a problem hiding this comment.
Nie jestem przekonany czy użycie elementu dialog jest najlepsze, ze względu na to, że nie wszędzie jest to jeszcze wspierane. Przedyskutujmy to na najbliższym spotkaniu 😅
| console.log('clicked') | ||
| }} | ||
| > | ||
| try clicking me |
There was a problem hiding this comment.
Ten button jest chyba niepotrzebny 😅
There was a problem hiding this comment.
Chciałem jakoś pokazać, że można wchodzić w interakcję z resztą strony, kiedy prop modal ma wartość false
