Feat: Rename all Route-Links prefix-endpoints

ITurres · Oct 11, 2023 · 8850008 · 8850008
1 parent afe026c
commit 8850008
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 12 deletions.
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "reactive-portfolio",
   "version": "0.1.0",
   "private": true,
-  "homepage": "https://iturres.github.io/top-s",
+  "homepage": "https://iturres.github.io/iturres-reactive-portfolio",
   "dependencies": {
     "@splidejs/react-splide": "^0.7.12",
     "axios": "^1.4.0",

diff --git a/src/App.tsx b/src/App.tsx
@@ -7,8 +7,8 @@ import HomePage from './components/pages/HomePage.tsx';
 const App: React.FC = () => (
   <>
     <Routes>
-      <Route path="/" element={<AccessPage />} />
-      <Route path="homepage/*" element={<HomePage />} />
+      <Route path="/iturres-reactive-portfolio/" element={<AccessPage />} />
+      <Route path="/iturres-reactive-portfolio/homepage/*" element={<HomePage />} />
     </Routes>
   </>
 );

diff --git a/src/components/UI/AnimatedButton.tsx b/src/components/UI/AnimatedButton.tsx
@@ -9,13 +9,22 @@ const AnimatedButton: React.FC = () => (
     className="animated-button my-btn"
     aria-label="navigates to expertise page"
   >
-    <Link to="/homepage/expertise" className="text-hue-rotate">
+    <Link
+      to="/iturres-reactive-portfolio/homepage/expertise"
+      className="text-hue-rotate"
+    >
       languages
     </Link>
-    <Link to="/homepage/expertise" className="text-hue-rotate">
+    <Link
+      to="/iturres-reactive-portfolio/homepage/expertise"
+      className="text-hue-rotate"
+    >
       frameworks
     </Link>
-    <Link to="/homepage/expertise" className="text-hue-rotate">
+    <Link
+      to="/iturres-reactive-portfolio/homepage/expertise"
+      className="text-hue-rotate"
+    >
       skills
     </Link>
   </button>

diff --git a/src/components/UI/Navbar.tsx b/src/components/UI/Navbar.tsx
@@ -30,7 +30,7 @@ const Navbar: React.FC = () => {
       </button>
       <ul>
         <li style={{ '--elem': 0 } as CSSProperties}>
-          <Link to="/homepage">
+          <Link to="/iturres-reactive-portfolio/homepage">
             <SiAboutdotme
               size={iconSize}
               className="text-hue-rotate"
@@ -65,7 +65,7 @@ const Navbar: React.FC = () => {
           </a>
         </li>
         <li style={{ '--elem': 3 } as CSSProperties}>
-          <Link to="/homepage/projects">
+          <Link to="/iturres-reactive-portfolio/homepage/projects">
             <FaProjectDiagram
               size={iconSize}
               className="text-hue-rotate"
@@ -74,7 +74,7 @@ const Navbar: React.FC = () => {
           </Link>
         </li>
         <li style={{ '--elem': 4 } as CSSProperties}>
-          <Link to="/homepage/contact">
+          <Link to="/iturres-reactive-portfolio/homepage/contact">
             <AiOutlineMail
               size={iconSize}
               className="text-hue-rotate"
@@ -83,12 +83,12 @@ const Navbar: React.FC = () => {
           </Link>
         </li>
         <li style={{ '--elem': 5 } as CSSProperties}>
-          <Link to="/">
+          <Link to="/iturres-reactive-portfolio/">
             <BiExit size={iconSize} className="text-hue-rotate" title="Exit" />
           </Link>
         </li>
         <li style={{ '--elem': 6 } as CSSProperties}>
-          <Link to="/homepage/expertise">
+          <Link to="/iturres-reactive-portfolio/homepage/expertise">
             <LuSquareStack
               size={iconSize}
               className="text-hue-rotate"

diff --git a/src/components/pages/AccessPage.tsx b/src/components/pages/AccessPage.tsx
@@ -45,7 +45,7 @@ const AccessPage = () => {
         }
       }, 200);
 
-      $videoElement.current.addEventListener('ended', () => navigate('/homepage'));
+      $videoElement.current.addEventListener('ended', () => navigate('/iturres-reactive-portfolio/homepage'));
     }
   };
-Original file line number
+Diff line change
@@ Expand Up / @@ -45,7 +45,7 @@ const AccessPage = () => { @@
             }
           }, 200);
-          $videoElement.current.addEventListener('ended', () => navigate('/homepage'));
+          $videoElement.current.addEventListener('ended', () => navigate('/iturres-reactive-portfolio/homepage'));
         }
       };
@@ Expand Down @@