Opis zlecenia
Próbuję implementować modal https://dev.to/alexandprivate/your-next-react-modal-with-your-own-usemodal-hook-context-api-3jg7 w aplikacji w react.
Modal ma się pojawić tylko dla userów zalogowanych.
Informacja, czy user jest zalogowany mogę pobrać za pomocą useSelector reduxa.
Mam problem z dostosowaniem tego komponentu aby, działał bez clicka na buttonie.
Chcę go wyedytować aby:
-automatycznie otwierał się modal jak tylko user robi login && useMediaQuery('(max-width: 1279px)') - czyli tylko dla mobile...
-jak user klika potwierdzenie (button wewnątrz modala) to zapisuje info do localstorage, że jest akcept alertu
-jeśli jest ta info w localstorage, to nie pokazuje tego modala
-jak nie ma tego info, to pokazuje modal
-zostawić funkcjonalność do otwierania modala za pomocą buttona (tak jak jest w przykładzie) tak na przyszłość, np. przekazując odpowiedni prop, to pokazuje modal.
proszę o pomoc