fix: routing

nathanlao · Apr 30, 2024 · 2c69d1a · 2c69d1a
1 parent edda31f
commit 2c69d1a
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 4 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -11,11 +11,11 @@ import './App.css';
 
 const router = createBrowserRouter([
   {
-    path: '/',
+    path: '/but-how-do-I/',
     element: <Home />
   },
   {
-    path: '/post/:title',
+    path: '/but-how-do-I/post/:title',
     element: (
       <FadeInWrapper>
         <Post />

diff --git a/src/components/PostGrid/index.jsx b/src/components/PostGrid/index.jsx
@@ -8,7 +8,7 @@ const PostGrid = ({ title, tags }) => {
   }, [tags]);
 
   return (
-    <Link to={`/post/${title}`}>
+    <Link to={`/but-how-do-I/post/${title}`}>
       <div
         className="
           w-4/5 

diff --git a/src/pages/Post/index.jsx b/src/pages/Post/index.jsx
@@ -42,7 +42,7 @@ const Post = () => {
           dangerouslySetInnerHTML={{ __html: rawHTMLContent }}
         />
       </div>
-      <Link to="/">
+      <Link to="/but-how-do-I/">
         <div
           className="
             fixed

diff --git a/src/posts/How Do I Implement Pagination in React.html b/src/posts/How Do I Implement Pagination in React.html
@@ -0,0 +1,3 @@
+<post>
+<p>Coming soon..</p>
+</post>
diff --git a/src/posts/How Do I Use Scroll, Blur and Opactiy.html b/src/posts/How Do I Use Scroll, Blur and Opactiy.html
@@ -0,0 +1,3 @@
+<post>
+<p>Coming soon..</p>
+</post>
diff --git a/src/posts/How Do I Use setInterval() For Repeating A Content.html b/src/posts/How Do I Use setInterval() For Repeating A Content.html
@@ -0,0 +1,3 @@
+<post>
+<p>Coming soon..</p>
+</post>