Merge pull request #37 from creativetimofficial/refactor/change-struc…

…ture refactor: update images src
creativetimofficial · Jul 26, 2023 · 59a9cb8 · 59a9cb8
2 parents 43a118c + 9d93713
commit 59a9cb8
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/src/components/cart/productCartItem2.tsx b/src/components/cart/productCartItem2.tsx
@@ -22,7 +22,7 @@ export default function CartItem({
   return (
     <>
       <div className="d-block d-md-flex mt-4">
-        <img className="w-50 w-md-20 w-lg-10 rounded-3 m-4" src={thumb_src} alt={thumb_alt} />
+        <img className="w-50 w-md-20 w-lg-10 rounded-3 m-4" src={`${import.meta.env.BASE_URL}${thumb_src}`} alt={thumb_alt} />
         <div className="w-100 w-md-50 pt-4 ps-md-4">
           <div className="d-flex align-items-center mb-2">
             <h6 className="text-lg mb-0">{title}</h6>

diff --git a/src/components/checkout/checkoutSingleItem.tsx b/src/components/checkout/checkoutSingleItem.tsx
@@ -20,7 +20,7 @@ export default function CheckoutSingleItem({
   return (
     <>
       <div className="d-flex mb-4">
-        <img className="w-20 rounded-3" src={thumb_src} alt={thumb_alt} />
+        <img className="w-20 rounded-3" src={`${import.meta.env.BASE_URL}${thumb_src}`} alt={thumb_alt} />
         <div className="w-60 w-md-70 pt-2 ps-3 ps-md-4">
           <h6 className="text-lg text-white mb-1">{title}</h6>
           <p className="mb-0 text-white opacity-8">{color}</p>

diff --git a/src/components/checkout/checkoutSingleItemDark.tsx b/src/components/checkout/checkoutSingleItemDark.tsx
@@ -22,7 +22,7 @@ export default function CheckoutSingleItem({
       <div className="card card-product card-plain d-flex mb-4"> 
         <div className="row">
           <div className="col-4 col-md-2">
-            <img className="w-100 max-height-100 rounded-3" src={thumb_src} alt={thumb_alt} />
+            <img className="w-100 max-height-100 rounded-3" src={`${import.meta.env.BASE_URL}${thumb_src}`} alt={thumb_alt} />
           </div>
           <div className="col-5 col-md-6">
             <h5 className="text-base mb-1">{title}</h5>

diff --git a/src/components/products/productFeature2.tsx b/src/components/products/productFeature2.tsx
@@ -65,16 +65,16 @@ export default function ProductOverview({
                 <div className="col-12 col-lg-6 mb-lg-0 mb-4">
                   <div className="row">
                     <div className="col-6 mb-4">
-                      <img className="w-100 rounded-3" src="/images/product10.jpg" alt="" />
+                      <img className="w-100 rounded-3" src={`${import.meta.env.BASE_URL}/images/product10.jpg`} alt="" />
                     </div>
                     <div className="col-6 mb-4">
-                      <img className="w-100 rounded-3" src="/images/product11.jpg" alt="" />
+                      <img className="w-100 rounded-3" src={`${import.meta.env.BASE_URL}/images/product11.jpg`} alt="" />
                     </div>
                     <div className="col-6 mb-4">
-                      <img className="w-100 rounded-3" src="/images/product12.jpg" alt="" />
+                      <img className="w-100 rounded-3" src={`${import.meta.env.BASE_URL}/images/product12.jpg`} alt="" />
                     </div>
                     <div className="col-6">
-                      <img className="w-100 rounded-3" src="/images/product13.jpg" alt="" />
+                      <img className="w-100 rounded-3" src={`${import.meta.env.BASE_URL}/images/product13.jpg`} alt="" />
                     </div>
                   </div>
                 </div>