From f17f801e53c78a13a7645ec4aa212293941a8e27 Mon Sep 17 00:00:00 2001
From: NingetsuSama <hamzavaga@yahoo.fr>
Date: Sat, 18 May 2024 16:40:25 +0200
Subject: [PATCH] correction images prod

---
 src/app/page.js | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/src/app/page.js b/src/app/page.js
index aff5547..5d4419a 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { useState } from "react";
 
 function getCancers() {
 
@@ -34,20 +34,22 @@ function Listing({ cancers, active, setActive }) {
 
 function Carousel({ currentCancer }) {
 
+  const isProd = process.env.NODE_ENV === 'production';
+
   return (
     <div id="carouselGraphs" className="carousel carousel-fade slide">
       <div className="carousel-inner">
         <div className="carousel-item ">
-          <img src={"/graphs/" + (currentCancer.type).toLowerCase() + "/daly.png"} className="d-block w-100" />
+          <img src={isProd ? "/TogetherAgainstCancer" : "" + "/graphs/" + (currentCancer.type).toLowerCase() + "/daly.png"} className="d-block w-100" />
         </div>
         <div className="carousel-item active">
-          <img src={"/graphs/" + (currentCancer.type).toLowerCase() + "/hbar.png"} className="d-block w-100" />
+          <img src={isProd ? "/TogetherAgainstCancer" : "" + "/graphs/" + (currentCancer.type).toLowerCase() + "/hbar.png"} className="d-block w-100" />
         </div>
         <div className="carousel-item active">
-          <img src={"/graphs/" + (currentCancer.type).toLowerCase() + "/time_series.png"} className="d-block w-100" />
+          <img src={isProd ? "/TogetherAgainstCancer" : "" + "/graphs/" + (currentCancer.type).toLowerCase() + "/time_series.png"} className="d-block w-100" />
         </div>
         <div className="carousel-item active">
-          <img src={"/graphs/" + (currentCancer.type).toLowerCase() + "/vbar.png"} className="d-block w-100" />
+          <img src={isProd ? "/TogetherAgainstCancer" : "" + "/graphs/" + (currentCancer.type).toLowerCase() + "/vbar.png"} className="d-block w-100" />
         </div>
       </div>
       <button className="carousel-control-prev" type="button" data-bs-target="#carouselGraphs" data-bs-slide="prev">
@@ -64,17 +66,9 @@ function Carousel({ currentCancer }) {
 
 export default function Page() {
 
-  const [cancers, setCancers] = useState(null);
+  const [cancers, setCancers] = useState(getCancers());
   const [currentCancer, setCurrentCancer] = useState(null);
 
-  useEffect(() => {
-    const fetchCancers = async () => {
-      const c = await getCancers();
-      setCancers(c);
-    }
-    fetchCancers().catch(console.error)
-  }, []);
-
   return (
     <div className="menu-container row">
       <div className="col text-center" style={{ "borderRight": "1px solid #ddd" }}>