chore: add devDependencies to package.json

_redirects

@@ -0,0 +1,4 @@
+# Redirects from what the browser requests to what we serve
+/FishEye/photographer.html? id=:id  /photographer.html?id=:id
+
+

package.json

@@ -15,8 +15,5 @@
   "bugs": {
     "url": "https://github.com/getsu7/Fisheye/issues"
   },
-  "homepage": "https://github.com/getsu7/Fisheye#readme",
-  "dependencies": {
-    "prettier": "^3.3.0"
-  }
+  "homepage": "https://github.com/getsu7/Fisheye#readme"
 }

photographer.html

@@ -15,7 +15,7 @@
     </header>
     <main id="main">
       <div class="photograph-header">
-        <button class="contact_button" onclick="displayModal()">Contactez-moi</button>
+        <button class="contact_button">Contactez-moi</button>
       </div>
       <div class="media-filter">
         <label>Trier par</label>

src/api/photographerService.js

@@ -27,9 +27,6 @@ export const usePhotographerService = () => {
   };
 
   const getPhotographerById = (idPhotographer, photographers) => {
-    if (!photographers.find((photographer) => photographer.id === idPhotographer)) {
-      window.location.href = '../../404.html';
-    }
     return photographers.find((photographer) => photographer.id === idPhotographer);
   };
 

src/pages/lightbox.js

@@ -64,11 +64,11 @@ export const init = (e, data) => {
       backArrowButton.style.display = 'none';
       nextArrowButton.style.display = 'block';
     } else if (lightBoxMediaCounter === data.media.length - 1) {
-      nextArrowButton.style.display = 'none';
       backArrowButton.style.display = 'block';
+      nextArrowButton.style.display = 'none';
     } else {
-      nextArrowButton.style.display = 'block';
       backArrowButton.style.display = 'block';
+      nextArrowButton.style.display = 'block';
     }
   };
 

src/pages/photographer.js

@@ -4,14 +4,18 @@ import { usePhotographerTemplate } from '../templates/photographer.js';
 const { getHeaderPhotographerDOM, getFooterPhotographerDOM } = usePhotographerTemplate();
 import { useMediaFactorie } from '../factories/mediaFactorie.js';
 import { orderBy } from '../utils/mediaFilter.js';
+import * as contactForm from '../utils/contactForm.js';
 const { createMediaCard } = useMediaFactorie();
 import * as lightBox from './lightbox.js';
 
 const idPhotographer = parseInt(new URL(document.location).searchParams.get('id'));
+console.log(idPhotographer);
 let photographer;
 let likes;
 
-//add default value on select
+const contactButton = document.querySelector('.contact_button');
+contactButton.addEventListener('click', contactForm.useContactModal().displayModal);
+
 const mediaFilter = document.querySelector('.media-filter');
 mediaFilter.addEventListener('change', (e) => {
   photographer.media = orderBy(e.target.value, photographer.media);
@@ -62,12 +66,19 @@ const init = async () => {
 };
 
 init().then(() => {
+  photographer.media.forEach((obj) => {
+    Object.defineProperty(obj, 'liked', {
+      value: false,
+      writable: true
+    });
+  });
   const likesButtons = document.querySelectorAll('.media-card__like');
   likesButtons.forEach((likeButton) =>
     likeButton.addEventListener('click', (e) => {
-      // console.log(e.target.value);
+      console.log(e.target);
     })
   );
+
   openLightbox();
   addEventListener('mediaListUpdated', openLightbox);
 });