49

Author: kossiecoder

src/pages/ShowPage.js

@@ -2,6 +2,7 @@ import { useParams } from "react-router";
 import axios from 'axios';
 import { useEffect, useState } from "react";
 import LoadingSpinner from "../components/LoadingSpinner";
+import { Link } from "react-router-dom";
 
 const ShowPage = () => {
   const { id } = useParams();
@@ -29,8 +30,18 @@ const ShowPage = () => {
 
   return (
     <div>
-      <h1>{post.title}</h1>
-      <small class="text-muted">
+      <div className="d-flex">
+        <h1 className="flex-grow-1">{post.title}</h1>
+        <div>
+          <Link 
+            className="btn btn-primary"
+            to={`/blogs/${id}/edit`}
+          >
+            Edit
+          </Link>
+        </div>
+      </div>
+      <small className="text-muted">
         Created At: {printDate(post.createdAt)}
       </small>
       <hr />

src/routes.js

@@ -18,7 +18,7 @@ const routes = [
     component: CreatePage
   },
   {
-    path: '/blogs/edit',
+    path: '/blogs/:id/edit',
     component: EditPage
   },
   {