From f95bc8602f97494c4f49c8c0b0a77c33338dae15 Mon Sep 17 00:00:00 2001
From: Plumtree3D <ham.in.kneesocks@gmail.com>
Date: Fri, 2 Sep 2022 16:15:27 +0200
Subject: [PATCH] resolved: hard coded path and missing space

---
 src/components/HomepageWhy.js | 14 +++++++-------
 src/components/Why.js         |  2 +-
 src/pages/index.js            |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/HomepageWhy.js b/src/components/HomepageWhy.js
index f4dfc8d..7893426 100644
--- a/src/components/HomepageWhy.js
+++ b/src/components/HomepageWhy.js
@@ -2,30 +2,30 @@ import React from "react";
 import clsx from "clsx";
 import Why from "./Why";
 
-
+const imgPath = "img/components/HomepageWhy/";
 const WhyList = [
   {
     id: 1,
     title: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.",
-    icon: "logo_froggit.svg",
+    icon: imgPath+"logo_froggit.svg",
     alt: ""
   },
   {
     id: 2,
     title: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.",
-    icon: "logo_froggit.svg",
+    icon: imgPath+"logo_froggit.svg",
     alt: ""
   },
   {
     id: 3,
     title: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.",
-    icon: "logo_froggit.svg",
+    icon: imgPath+"logo_froggit.svg",
     alt: ""
   },
   {
     id: 4,
     title: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.",
-    icon: "logo_froggit.svg",
+    icon: imgPath+"logo_froggit.svg",
     alt: ""
   }
 ];
@@ -38,8 +38,8 @@ export default function HomepageWhy() {
       <p className={"text--center"}> Parce que collaborer autour du code, c’est bien plus que coder.
       </p> 
       <section className="sections container">
-      <p className={"text--center homepageWhy_title"}>Pour mener à bien un projet, vous avez plusieurs choix :
-      </p> 
+        <p className={"text--center homepageWhy_title"}>Pour mener à bien un projet, vous avez plusieurs choix :
+        </p> 
         <div className="row">
           {WhyList.map((props, idx) => (
             <Why key={idx} {...props} />
diff --git a/src/components/Why.js b/src/components/Why.js
index d81dbd5..4d4ccbb 100644
--- a/src/components/Why.js
+++ b/src/components/Why.js
@@ -5,7 +5,7 @@ import useBaseUrl from "@docusaurus/useBaseUrl";
 export default function Why({title, icon, alt}) {
   return (
     <div className="col col--6 text--center padding-horiz--lg">
-      <img src={useBaseUrl("img/components/HomepageWhy/")+icon} className="why_img" alt={alt}/>
+      <img src={useBaseUrl(icon)} className="why_img" alt={alt}/>
       <p> {title} </p>
     </div>
   );
diff --git a/src/pages/index.js b/src/pages/index.js
index dd1a95c..977f1db 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -36,7 +36,7 @@ export default function Home() {
       <main>
         <HomepagePromises />
         <HomepageFeatures />
-        <CarouselLibre/>
+        <CarouselLibre />
         <HomepageWhy />
         
       </main>
-- 
GitLab