[Fix] Filepath referencing

BuddyLim · Jul 16, 2024 · c2073eb · c2073eb
1 parent 73f1a89
commit c2073eb
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 10 deletions.
diff --git a/src/components/ui/about.tsx b/src/components/ui/about.tsx
@@ -23,22 +23,22 @@ export const About = forwardRef(
 
     const additionalLinks = [
       {
-        iconURL: "/icons/linkedin.svg",
+        iconURL: "./icons/linkedin.svg",
         text: "LinkedIn",
         url: "https://www.linkedin.com/in/lim-kt/",
       },
       {
-        iconURL: "/icons/github.svg",
+        iconURL: "./icons/github.svg",
         text: "Github",
         url: "https://github.com/BuddyLim",
       },
       {
-        iconURL: "/icons/resume.svg",
+        iconURL: "./icons/resume.svg",
         text: "Resume",
-        url: "/resume.pdf",
+        url: "./resume.pdf",
       },
       {
-        iconURL: "/icons/email.svg",
+        iconURL: "./icons/email.svg",
         text: "Email",
         url: "mailto:[email protected]",
       },

diff --git a/src/components/ui/common.tsx b/src/components/ui/common.tsx
@@ -1,3 +1,4 @@
+import { openNewTabRedirect } from "@/lib/utils";
 import { HTMLProps } from "react";
 
 interface NewTabLinkProps extends React.PropsWithChildren {
@@ -18,6 +19,7 @@ export const NewTabLink = ({
     className={`hover:text-[#02C9D7] group-hover:text-[#02C9D7] group-hover:text-[1.02rem] md:group-hover:text-[1.16rem] duration-300 transition-all group md:hover:text-[1.16rem] hover:text-[1.02rem]
     focus:outline-none focus-visible:text-[#02C9D7] focus:ring-2 ring-inset focus:border-[#02C9D7]/30 focus-visible:ring-[#02C9D7]/30 cursor-pointer ${className}`}
     onClick={(event) => event.currentTarget.blur()}
+    // onAuxClick={() => openNewTabRedirect(url)}
   >
     {children}
   </a>

diff --git a/src/components/ui/experience.tsx b/src/components/ui/experience.tsx
@@ -154,12 +154,12 @@ export const Experience = ({
       </Timeline>
       <div className="h-12 mt-5 pl-28">
         <NewTabLink
-          url="/resume.pdf"
+          url="./resume.pdf"
           className="flex flex-row gap-2 text-sm md:text-base w-fit font-thin"
         >
           <>
             <span>View Full Resume</span>
-            <MaskedIcon iconURL="/icons/forward.svg" />
+            <MaskedIcon iconURL="./icons/forward.svg" />
           </>
         </NewTabLink>
       </div>

diff --git a/src/components/ui/projects.tsx b/src/components/ui/projects.tsx
@@ -28,23 +28,23 @@ const Projects = ({
   const projectsArr = [
     {
       title: "Mywheels",
-      imgSrc: "/icons/mywheels.svg",
+      imgSrc: "./icons/mywheels.svg",
       description:
         "SEO friendly automotive news web-platform for Chinapress. Made for web and mobile with NextJS, Ant Design, Django, GraphQL, WagtailCMS and PostgreSQL",
       imgAltDesc: "Image of Mywheels website",
       url: "https://mywheels.my",
     },
     {
       title: "Jamit!",
-      imgSrc: "/icons/jamit.svg",
+      imgSrc: "./icons/jamit.svg",
       description:
         "Storytelling web platform with a gamification twist. Made for web with React, Material UI, Express, GraphQL, Websockets and MongoDB",
       imgAltDesc: "Image of Jamit! website",
       url: "https://client.jamit.io",
     },
     {
       title: "buddylim.github.io/portfolio (v1)",
-      imgSrc: "/icons/portfolio-v1.svg",
+      imgSrc: "./icons/portfolio-v1.svg",
       description:
         "Personal portfolio designed on Figma, built with React and Framer Motion",
       imgAltDesc: "Image of my v1 portfolio website",