zrozumiecReact.pl

W naszej aplikacji możemy już przenosić notatki do archiwum. Możemy też wyświetlać zarchiwizowane notatki. W tym i kolejnym zadaniu zajmiemy się przywracaniem notatek z archiwów do folderów.

Wymagania

  1. Zmodyfikuj komponent w pliku Note.jsx. Zamiast przycisku śmietnika powinien pojawić się przycisk przywracania notatki z archiwum. Powinien on zawierać w sobie ikonkę przywracania (ikonka znajduje się w pliku restore.svg w katalogu assets projektu). Przycisk usuwania powinien teraz pojawiać się przy prawej krawędzi ekranu Na screenie poniżej widać efekt końcowy.
  2. Przycisk do odczytywania notatki powinien wyświetlać się tylko dla notatek w archiwum. Użyj hooka useResolvedPath, aby dowiedzieć się w ramach której ścieżki wyświetlany jest komponent Note
  3. Pamiętaj o modyfikacji styli dla przicisku usuwania!

Widok końcowy

Roziwązanie znajdziesz w  commicie na Githubie