refactor: fix all the paths

creativetimofficial · Jul 26, 2023 · 7beb2d6 · 7beb2d6
1 parent ef39566
commit 7beb2d6
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/src/components/complexNavbar.tsx b/src/components/complexNavbar.tsx
@@ -57,7 +57,7 @@ const ComplexNavbar = () => {
                   <a className="dropdown-item border-radius-md" href="#">
                     <div className="py-1 d-flex">
                       <div className="my-auto">
-                        <img src="/images/team-2.jpg" className="avatar avatar-sm  me-3 " alt="user image" />
+                        <img src={`${import.meta.env.BASE_URL}images/team-2.jpg`} className="avatar avatar-sm  me-3 " alt="user image" />
                       </div>
                       <div className="d-flex flex-column justify-content-center">
                         <h6 className="mb-1 text-sm font-weight-normal">
@@ -75,7 +75,7 @@ const ComplexNavbar = () => {
                   <a className="dropdown-item border-radius-md" href="#">
                     <div className="py-1 d-flex">
                       <div className="my-auto">
-                        <img src="/logo/logo-spotify.svg" className="avatar avatar-sm bg-gradient-dark  me-3 " alt="logo spotify" />
+                        <img src={`${import.meta.env.BASE_URL}logo/logo-spotify.svg`} className="avatar avatar-sm bg-gradient-dark  me-3 " alt="logo spotify" />
                       </div>
                       <div className="d-flex flex-column justify-content-center">
                         <h6 className="mb-1 text-sm font-weight-normal">
@@ -127,7 +127,7 @@ const ComplexNavbar = () => {
             <li className="nav-item dropdown pe-2 d-flex align-items-center">
               <a href="#" className="px-0 nav-link font-weight-bold">
                 <div className="avatar avatar-sm position-relative">
-                  <img src="/images/team-1.jpg" alt="profile_image" className="w-100 border-radius-md" />
+                  <img src={`${import.meta.env.BASE_URL}images/team-1.jpg`} alt="profile_image" className="w-100 border-radius-md" />
                 </div>
               </a>
             </li>

diff --git a/src/components/complexNavbarDark.tsx b/src/components/complexNavbarDark.tsx
@@ -57,7 +57,7 @@ const ComplexNavbarDark = () => {
                   <a className="dropdown-item border-radius-md" href="#">
                     <div className="py-1 d-flex">
                       <div className="my-auto">
-                        <img src="/images/team-2.jpg" className="avatar avatar-sm  me-3 " alt="user image" />
+                        <img src={`${import.meta.env.BASE_URL}images/team-2.jpg`}  className="avatar avatar-sm  me-3 " alt="user image" />
                       </div>
                       <div className="d-flex flex-column justify-content-center">
                         <h6 className="mb-1 text-sm font-weight-normal">
@@ -75,7 +75,7 @@ const ComplexNavbarDark = () => {
                   <a className="dropdown-item border-radius-md" href="#">
                     <div className="py-1 d-flex">
                       <div className="my-auto">
-                        <img src="/logo/logo-spotify.svg" className="avatar avatar-sm bg-gradient-dark  me-3 " alt="logo spotify" />
+                        <img src={`${import.meta.env.BASE_URL}logo/logo-spotify.svg`} className="avatar avatar-sm bg-gradient-dark  me-3 " alt="logo spotify" />
                       </div>
                       <div className="d-flex flex-column justify-content-center">
                         <h6 className="mb-1 text-sm font-weight-normal">
@@ -127,7 +127,7 @@ const ComplexNavbarDark = () => {
             <li className="nav-item dropdown pe-2 d-flex align-items-center">
               <a href="#" className="px-0 text-white nav-link font-weight-bold">
                 <div className="avatar avatar-sm position-relative">
-                  <img src="/images/team-1.jpg" alt="profile_image" className="w-100 border-radius-md" />
+                  <img src={`${import.meta.env.BASE_URL}images/team-1.jpg`} alt="profile_image" className="w-100 border-radius-md" />
                 </div>
               </a>
             </li>

diff --git a/src/components/products/productQuickview2.tsx b/src/components/products/productQuickview2.tsx
@@ -36,7 +36,7 @@ export default function ProductQuickview({
               <button type="button" className="btn-close text-dark position-absolute end-0 me-4" data-bs-dismiss="modal" aria-label="Close"></button>
               <div className="w-100 w-lg-50 text-center">
                 {(thumb_src) && 
-                <img className="w-100 rounded-3 mb-4 mt-5 mt-lg-0" src={thumb_src} />
+                <img className="w-100 rounded-3 mb-4 mt-5 mt-lg-0" src={`${import.meta.env.BASE_URL}${thumb_src}`} />
                 }
                 <a className="text-body" href="#">View details</a>
               </div>

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -11,7 +11,7 @@ const { title } = Astro.props;
 	<head>
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width" />
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<link rel="icon" type="image/svg+xml" href={`${import.meta.env.BASE_URL}favicon.svg`} />
     <link
       href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Noto+Sans:300,400,500,600,700,800|PT+Mono:300,400,500,600,700"
       rel="stylesheet"