Merge pull request #55 from WildCodeSchool/making-better-database

Making better database
WildCodeSchool · Feb 26, 2024 · d89f823 · d89f823
2 parents 57ffffb + 386457a
commit d89f823
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 8 deletions.
diff --git a/frontend/src/admin/TaskBar.jsx b/frontend/src/admin/TaskBar.jsx
@@ -54,6 +54,3 @@ export default function TaskBar() {
     </Container>
   );
 }
-// TaskBar.propTypes = {
-//   listEmail: PropTypes.arrayOf(string).isRequired,
-// };
diff --git a/frontend/src/pages/PageUser.jsx b/frontend/src/pages/PageUser.jsx
@@ -16,7 +16,7 @@ import {
 } from "@mantine/core";
 import { useUserContext } from "../context/UserContext";
 import MyAlert from "../components/MyAlert";
-import Default from "../assets/default.png";
+// import Default from "../assets/default.png";
 
 export default function PageUser() {
   const { user, setUser, sendResetLink, updateName, updateDescription } =
@@ -121,7 +121,9 @@ export default function PageUser() {
           className="user-image"
           style={{
             backgroundImage: `url(${
-              user.imgUrl !== "" ? user.imgUrl : Default
+              user.imgUrl !== ""
+                ? user.imgUrl
+                : "https://cdn.pixabay.com/photo/2020/07/01/12/58/icon-5359553_1280.png"
             })`,
           }}
         />

diff --git a/frontend/src/pages/SingleVideoPage.jsx b/frontend/src/pages/SingleVideoPage.jsx
@@ -1,14 +1,14 @@
 import { useEffect } from "react";
-import { Container } from "@mantine/core";
+import { Center, Container } from "@mantine/core";
 import OneVideo from "./OneVideo";
 import PrimeCarousel from "../components/PrimeCarousel";
 import { useVideoContext } from "../context/videoContext";
 import { useUserContext } from "../context/UserContext";
 
 export default function SingleVideoPage() {
-  const { getAllPlaylistsByCategory, playlists, user, getFavorite } =
+  const { getAllPlaylistsByCategory, playlists, getFavorite } =
     useVideoContext();
-  const { linkToVideo } = useUserContext();
+  const { linkToVideo, favoritePlaylist, user } = useUserContext();
   useEffect(() => {
     async function getData() {
       await getAllPlaylistsByCategory(linkToVideo.tags);
@@ -33,6 +33,14 @@ export default function SingleVideoPage() {
               );
             })}
           <PrimeCarousel playlistId={linkToVideo.playlistId} />
+          {user.isConnected && favoritePlaylist.length > 0 && (
+            <Center>
+              <h2 className="invisible-button">Favoris</h2>
+            </Center>
+          )}
+          {favoritePlaylist.map((ele) => (
+            <PrimeCarousel playlistId={ele} />
+          ))}
         </Container>
       </div>
     </div>