From b64b7416159fc9fb893a994a7b57610e90d8d8e2 Mon Sep 17 00:00:00 2001
From: Aditya Pawar <34043950+adityapawar1@users.noreply.github.com>
Date: Thu, 16 Jan 2025 23:36:54 -0800
Subject: [PATCH] [fix] Fix image path (#11)

---
 app/(default-layout)/projects/[name]/page.tsx | 2 +-
 app/(hero-layout)/chapters/page.tsx           | 2 +-
 app/(hero-layout)/page.tsx                    | 6 +++++-
 components/ProjectCard/ProjectCard.tsx        | 2 +-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/(default-layout)/projects/[name]/page.tsx b/app/(default-layout)/projects/[name]/page.tsx
index abc23ef..08f839c 100644
--- a/app/(default-layout)/projects/[name]/page.tsx
+++ b/app/(default-layout)/projects/[name]/page.tsx
@@ -25,7 +25,7 @@ export default async function ProjectDetailsPage({
   const data = projectList[name as keyof typeof projectList] as ProjectData;
   let imageSrc = data.banner_image;
   if (!data.banner_image.includes('http')) {
-    imageSrc = env.NEXT_PUBLIC_BASE_PATH + data.banner_image;
+    imageSrc = env.NEXT_PUBLIC_BASE_PATH + '/' + data.banner_image;
   }
 
   return (
diff --git a/app/(hero-layout)/chapters/page.tsx b/app/(hero-layout)/chapters/page.tsx
index ccb9c45..1a99632 100644
--- a/app/(hero-layout)/chapters/page.tsx
+++ b/app/(hero-layout)/chapters/page.tsx
@@ -62,7 +62,7 @@ export default function ChapterPage() {
                   <Image
                     sizes="100vw"
                     fill
-                    src={env.NEXT_PUBLIC_BASE_PATH + chapter.image}
+                    src={env.NEXT_PUBLIC_BASE_PATH + '/' + chapter.image}
                     alt={chapter.name}
                     objectFit="cover"
                   />
diff --git a/app/(hero-layout)/page.tsx b/app/(hero-layout)/page.tsx
index bb3d75c..b1c22d2 100644
--- a/app/(hero-layout)/page.tsx
+++ b/app/(hero-layout)/page.tsx
@@ -88,7 +88,11 @@ export default function HomePage() {
                   <div className="project-img img-container">
                     <Image
                       alt={projectData.title}
-                      src={env.NEXT_PUBLIC_BASE_PATH + projectData.banner_image}
+                      src={
+                        env.NEXT_PUBLIC_BASE_PATH +
+                        '/' +
+                        projectData.banner_image
+                      }
                       fill
                     />
                   </div>
diff --git a/components/ProjectCard/ProjectCard.tsx b/components/ProjectCard/ProjectCard.tsx
index 26f6ace..f413ca9 100644
--- a/components/ProjectCard/ProjectCard.tsx
+++ b/components/ProjectCard/ProjectCard.tsx
@@ -19,7 +19,7 @@ export default async function ProjectCard({
 }: ProjectCardProps) {
   let imageSrc = banner_image;
   if (!banner_image.includes('http')) {
-    imageSrc = env.NEXT_PUBLIC_BASE_PATH + banner_image;
+    imageSrc = env.NEXT_PUBLIC_BASE_PATH + '/' + banner_image;
   }
 
   return (