paths fixing

Author: HGZdev

public/docs/Hanna_Gaudasinska_Zapasnik_CV.pdf

@@ -34,7 +34,7 @@ const IconLink = ({
   </Link>
 );
 
-const {BASE_URL} = getConfig();
+const {VITE_BASE_URL} = getConfig();
 
 interface HeroBgContainerProps {
   className?: string;
@@ -45,7 +45,7 @@ const HeroBgContainer: React.FC<HeroBgContainerProps> = ({
   className,
   children,
 }) => {
-  const imagePath = `${BASE_URL}/images/portrait.webp`;
+  const imagePath = `${VITE_BASE_URL}/images/portrait.webp`;
   return (
     <div
       className={`relative bg-clip-border bg-no-repeat bg-cover bg-[calc(50%+30px)_center] xl:bg-center ${className}`}

src/client/AppComponents/Hero.tsx

@@ -10,7 +10,7 @@ import getConfig from "../Components/getConfig";
 import {BiWrench} from "react-icons/bi";
 import {pdfPath} from "../contentDb";
 
-const {BASE_URL} = getConfig();
+const {BASE_URL, VITE_BASE_URL} = getConfig();
 
 const Icon = ({
   Cmp,
@@ -56,7 +56,7 @@ const Menu = () => {
           <Icon Cmp={PiGraduationCap} isActive={isActive("/education")} />
         </Link>
       </div>
-      <a href={pdfPath} target="_blank">
+      <a href={`${VITE_BASE_URL}${pdfPath}`} target="_blank">
         <Icon Cmp={MdOutlineFileDownload} />
       </a>
     </div>

src/client/AppComponents/Menu.tsx

@@ -5,7 +5,8 @@ import {fullName} from "../contentDb";
 const {BASE_URL, VITE_APP_NAME} = getConfig();
 
 const Metadata = () => {
-  if (!BASE_URL) throw new Error("root: BASE_URL is undefined");
+  if (BASE_URL === undefined)
+    throw new Error("Metadata: BASE_URL is undefined");
   if (!VITE_APP_NAME) throw new Error("root: VITE_APP_NAME is undefined");
 
   return (

src/client/AppComponents/Metadata.tsx

@@ -7,14 +7,14 @@ import Hero from "../AppComponents/Hero";
 import getConfig from "./getConfig";
 import useScrollToTop from "./useScrollToTop";
 
-const {BASE_URL} = getConfig();
+const {VITE_BASE_URL} = getConfig();
 
 const WrapRoute: React.FC = () => {
   useTrackPageViewsInGA();
   const scrollableRef = useRef<HTMLDivElement>(null);
 
   useScrollToTop(scrollableRef);
-  const imgPath = `${BASE_URL}/images/bg.webp`;
+  const imgPath = `${VITE_BASE_URL}/images/bg.webp`;
 
   return (
     <BgContainer imagePath={imgPath} className="flex justify-center bg-[300%]">

src/client/Components/WrapRoute.tsx

@@ -54,7 +54,7 @@ export const linkedIn =
   "https://www.linkedin.com/in/hanna-gaudasinska-zapasnik";
 export const github = "https://github.com/HGZdev";
 
-export const pdfPath = "public/docs/Hanna_Gaudasinska_Zapasnik_CV.pdf";
+export const pdfPath = "/docs/Hanna_Gaudasinska_Zapasnik_CV.pdf";
 
 export const aboutText = (
   <>