Archiwizowanie notatekDodanie nowej ściezki
Uwaga! Poniższe zadania należy rozwiązywać poprzez modyfikowanie kodu tworzonego w module React Router
W naszej aplikacji mamy możliwość usunięcia notatki. Nie jest to jednak najlepsze rozwiązanie. Notatki nie powinny całkowicie znikać po kliknięciu w ikonkę usunięcia.
Może przecież dojść do sytuacji, w której użytkownik usunie notatkę przez przypadek. Powinna istnieć możliwość jej przywrócenia.
Rozwiązując kolejne zadania dodamy do naszej aplikacji archiwum. Po usunięciu notatki, zostanie ona przeniesiona do specjalnego folderu - archiwum. Notatki w archiwum będzie można przywrócić bądź trwale usunąć.
Wymagania
- Do kofiguracji routera dodaj nową ścieżkę - /archive. Po wejściu na nią, po prawej stronie od listy folderów powinien się wyświetlić komponent <NotesList>. Dla ścieżki zdefiniuj loader, który pobierze dane z back-endu. Notatki w archiwum dostępne są pod endpointem /archive. Aby pobrać wszystkie należy na ten endpoint wysłać request typu GET
- Na liście folderów, powinien pojawić się nowy folder - Archiwum. Powinien on znajdować się przy dolnej krawędzi ekranu (screenshot poniżej). Aby osiągnąć taki efekt, wystarczy umieścić komponent <Folder> poniżej komponentu <UserCreatedFolders> w komponencie <FoldersList>. Pamiętaj, aby otoczyć <Folder> komponentem <NavLink>!
- Po kliknięciu w folder Archiwum, użytkownik powinien zostać przekierowany na /archive.
Widok końcowy
Rozwiązanie
Roziwązanie znajdziesz w commicie na Githubie