Merge pull request #80 from Noroff-FED-Campus-Assignments/staging

Staging

src/App.jsx

@@ -13,7 +13,7 @@ function App() {
       </main>
 
       <footer>
-        <small>Created with ❤️ by You</small>
+        <small>Created with ❤️ by Team Mimir</small>
       </footer>
     </>
   );

src/components/navbar/posts/index.jsx

@@ -362,7 +362,7 @@ function OtherPosts() {
                     {String.fromCodePoint(0x1f44d)} Like {post.likes}
                   </button>
                   {/** Button to "post page" -- @author Cnbergh*/}
-                  <Link to={`/post/${post.id}`}>
+                  <Link to={`/posts/${post.id}`}>
                     <button className="text-sm text-gray-600 border border-gray-300 dark:text-white dark:border-darkGray dark:bg-gray-700 hover:text-emerald-500 hover:border-emerald-500">View Post</button>
                   </Link>
                 </div>

src/lib/constants.js

@@ -12,5 +12,5 @@ export const NAVIGATION = [
   { label: "Profiles", href: "/profiles" },
   { label: "Posts", href: "/posts" },
   { label: "Login", href: "/login" },
-  { label: "Single Post", href: "/post/:id" }, //added link to post -- Cnbergh
+  { label: "Post", href: "/posts/$postId" }, //added to post -- Cnbergh
 ];

src/pages/Post.jsx

@@ -1,18 +1,33 @@
 import { API_URL } from '../lib/constants';
 import { useEffect, useState } from 'react';
-import { useParams, Link } from '@tanstack/react-router';
+import { Link } from '@tanstack/react-router';
 import UserIcon from "../assets/icons/user.svg";
 
-const SinglePostPage = () => {
-  const { id } = useParams();
+const PostPage = () => {
+  const id = window.location.pathname;
   const [post, setPost] = useState(null);
+  const accessToken = localStorage.getItem("jwt");
 
   useEffect(() => {
+
     const fetchData = async () => {
-      const response = await fetch(`${API_URL}/social/posts/${id}`);
-      const data = await response.json();
-      setPost(data);
+      const url = `${API_URL}${id}`;
+
+      const response = await fetch(url, {
+        method: "GET",
+        headers: {
+          Authorization: `Bearer ${accessToken}`,
+        },
+      });
+
+      if (response.ok) {
+        const data = await response.json();
+        setPost(data);
+      } else {
+        console.log("Error:", response.status, response.statusText);
+      }
     };
+
     fetchData();
   }, [id]);
 
@@ -54,4 +69,4 @@ const SinglePostPage = () => {
   );
 };
 
-export default SinglePostPage;
+export default PostPage;