From 0a2e46bfae5deb3df99fe883b11835db09085c68 Mon Sep 17 00:00:00 2001
From: Marina Avramenko <marina.avramenko123@gmail.com>
Date: Sun, 10 Nov 2024 17:42:02 +0200
Subject: [PATCH] add task solution

---
 .../ItemInformation/ItemInformation.tsx       | 22 +++++++++----------
 src/components/ItemsProduct/ItemsProduct.tsx  |  6 ++---
 2 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/src/components/ItemInformation/ItemInformation.tsx b/src/components/ItemInformation/ItemInformation.tsx
index 19373d15cf..89ddc13cd6 100644
--- a/src/components/ItemInformation/ItemInformation.tsx
+++ b/src/components/ItemInformation/ItemInformation.tsx
@@ -98,17 +98,15 @@ export const ItemInformation = () => {
     return str[0].toUpperCase() + str.slice(1);
   }
 
-  const BASE_URL = 'https://avramenkomarina.github.io/react_phone-catalog';
-
   return (
     <div className={styles.itemInformation}>
       <div className={styles.itemInformation_route}>
         <Link to={'/'}>
-          <img src={`${BASE_URL}/img/icons/Home.svg`} alt="home" />
+          <img src={`./img/icons/Home.svg`} alt="home" />
         </Link>
-        <img src={`${BASE_URL}/img/icons/Chevron-right-dis.svg`} alt="home" />
+        <img src={`./img/icons/Chevron-right-dis.svg`} alt="home" />
         <h3>{ucFirst(currentProduct?.category)}</h3>
-        <img src={`${BASE_URL}/img/icons/Chevron-right-dis.svg`} alt="home" />
+        <img src={`./img/icons/Chevron-right-dis.svg`} alt="home" />
         <p>{currentProduct?.name}</p>
       </div>
 
@@ -116,7 +114,7 @@ export const ItemInformation = () => {
         to={`../img/${currentProduct?.category}`}
         className={styles.itemInformation_buttonBack}
       >
-        <img src={`${BASE_URL}/img/icons/Chevron-left.svg`} alt="back" />
+        <img src={`./img/icons/Chevron-left.svg`} alt="back" />
         <p>Back</p>
       </Link>
       <h2 className={styles.itemInformation_title}>{currentProduct?.name}</h2>
@@ -137,7 +135,7 @@ export const ItemInformation = () => {
                 onClick={() => {
                   isClickedOnImage(image);
                 }}
-                src={`${BASE_URL}/${image}`}
+                src={`./${image}`}
                 alt="img"
               />
             </div>
@@ -146,7 +144,7 @@ export const ItemInformation = () => {
         {/**  */}
 
         <div className={styles.itemInformation_generalInfo_mainImage}>
-          <img src={`${BASE_URL}/${currentImage}`} alt="image" />
+          <img src={`./${currentImage}`} alt="image" />
         </div>
 
         {/* on phone */}
@@ -164,7 +162,7 @@ export const ItemInformation = () => {
                 onClick={() => {
                   isClickedOnImage(image);
                 }}
-                src={`${BASE_URL}/${currentImage}`}
+                src={`./${currentImage}`}
                 alt="img"
                 style={{
                   border: currentImage === image ? '1px solid #313237' : '',
@@ -267,11 +265,11 @@ export const ItemInformation = () => {
               >
                 {isClickedOnFavourite ? (
                   <img
-                    src={`${BASE_URL}/img/icons/FavouritesFilledHeart.svg`}
-                    alt=""
+                    src={`./img/icons/FavouritesFilledHeart.svg`}
+                    alt="img"
                   />
                 ) : (
-                  <img src={`${BASE_URL}/img/icons/favourites.svg`} alt="" />
+                  <img src={`./img/icons/favourites.svg`} alt="" />
                 )}
               </div>
             </div>
diff --git a/src/components/ItemsProduct/ItemsProduct.tsx b/src/components/ItemsProduct/ItemsProduct.tsx
index 4cc13dfbe8..3938776f78 100644
--- a/src/components/ItemsProduct/ItemsProduct.tsx
+++ b/src/components/ItemsProduct/ItemsProduct.tsx
@@ -35,8 +35,6 @@ export const ItemsProduct: React.FC<Props> = ({ product, discount }) => {
     }
   };
 
-  const BASE_URL = 'https://avramenkomarina.github.io/react_phone-catalog';
-
   return (
     <div className={styles.product}>
       <Link
@@ -49,8 +47,8 @@ export const ItemsProduct: React.FC<Props> = ({ product, discount }) => {
           className={styles.product_image_img}
           src={
             product.images
-              ? `${BASE_URL}/img/${product.images[0]}`
-              : `${BASE_URL}/img/${product.image}`
+              ? `./img/${product.images[0]}`
+              : `./img/${product.image}`
           }
           alt="image/product"
         />