Merge pull request #24 from CodersCampLittleDevs/feature/CRA-22

Feature/cra 22

src/hooks/useUser.js

@@ -0,0 +1,4 @@
+export const useUser = () => {
+  const user = localStorage.getItem("user");
+  return { user };
+};

src/mock/auth.js

@@ -1,10 +1,13 @@
 export const DUMMY_LOGINS = [
   {
+    id: 1,
     email: "test@example.com",
     username: "test",
     password: "test123",
+    favouritesIds: [1, 2, 3],
   },
   {
+    id: 2,
     email: "test@test.pl",
     username: "testpl",
     password: "testpl123",

src/modules/announcements/components/FavouritesList/FavouritesList.jsx

@@ -0,0 +1,8 @@
+import React from "react";
+import { useFavourites } from "../../hooks/useFavourites";
+import { AnnouncementsList } from "../AnnouncementsList/AnnouncementsList";
+
+export const FavouritesList = () => {
+  const { favouritesAnnouncements } = useFavourites();
+  return <AnnouncementsList filteredAnnouncements={favouritesAnnouncements} />;
+};

src/modules/announcements/hooks/useFavourites.js

@@ -0,0 +1,10 @@
+import { ANNOUNCEMENTS_LIST } from "../../../constants/announcements";
+import { useUser } from "../../../hooks/useUser";
+
+export const useFavourites = () => {
+  const { user } = useUser();
+  const favouritesAnnouncements = ANNOUNCEMENTS_LIST.filter((announcement) =>
+    user.favouritesIds.includes(announcement.id),
+  );
+  return { favouritesAnnouncements };
+};

src/modules/announcements/pages/Announcements.jsx

@@ -3,7 +3,7 @@ import { useLocation } from "react-router-dom";
 import { SearchForm } from "../../../components";
 import { ANNOUNCEMENTS_LIST } from "../../../constants/announcements";
 import { filterAnnouncements } from "../../../utils";
-import { AnnouncementsList } from "../components/AnnouncementsList";
+import { AnnouncementsList } from "../components/AnnouncementsList/AnnouncementsList";
 
 export const Announcements = () => {
   const [filteredAnnouncements, setFilteredAnnouncements] = useState([]);

src/modules/announcements/pages/Favorites.jsx

@@ -1,3 +1,9 @@
+import { FavouritesList } from "../components/FavouritesList/FavouritesList";
+
 export const Favorites = () => {
-  return <div>Favorites</div>;
+  return (
+    <div>
+      <FavouritesList />
+    </div>
+  );
 };