From f121d8321e74f0194cb64cfec4da8fb7c588d8bf Mon Sep 17 00:00:00 2001
From: Manuel Figueira <39913143+Mfigueira@users.noreply.github.com>
Date: Tue, 11 Jun 2024 11:07:42 +0900
Subject: [PATCH] Fix Navigation Section Image (#356)

---
 src/components/shared/components/SectionTitle.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/shared/components/SectionTitle.tsx b/src/components/shared/components/SectionTitle.tsx
index 114e2815..c2b6a757 100644
--- a/src/components/shared/components/SectionTitle.tsx
+++ b/src/components/shared/components/SectionTitle.tsx
@@ -2,6 +2,8 @@ import clsx from "clsx";
 import Image from "next/image";
 import { useMemo } from "react";
 
+import { basePath } from "~/lib/app.constants";
+
 import { PrimaryLink } from "./Link";
 
 export type SectionTitleLink = {
@@ -46,7 +48,9 @@ export const SectionTitle: React.FC<SectionTitleProps> = ({
     return (
       <div className="h-full flex flex-col justify-between gap-6">
         <div className="flex items-center flex-grow relative">
-          {navImgUrl && <Image src={navImgUrl} alt={title} layout="fill" objectFit="contain" className="!m-0" />}
+          {navImgUrl && (
+            <Image src={`${basePath}${navImgUrl}`} alt={title} layout="fill" objectFit="contain" className="!m-0" />
+          )}
         </div>
 
         {titleComponent}