displaying username better

Author: danyeric123

blog-frontend/src/App.tsx

@@ -10,6 +10,7 @@ import SignUp from './components/SignUp';
 import { axiosInstance } from './services/authServices';
 import PostForm from './components/PostForm';
 import PostDetails from './pages/PostDetails';
+import EditPost from './pages/EditPost';
 // import {getUserFromToken } from './services/userService'
 
 const App : React.FC = () => {
@@ -55,7 +56,7 @@ const App : React.FC = () => {
               <PostCard 
                 key={post.id}
                 title={post.title}
-                author={post.author}
+                author={post.username}
                 excerpt={post.excerpt}
                 status={post.status}
                 published={post.published}
@@ -77,6 +78,7 @@ const App : React.FC = () => {
         <Route exact path="/posts/:title">
           <PostDetails />
         </Route>
+        
       </Router>
     </>
   );

blog-frontend/src/components/PostForm.tsx

@@ -24,7 +24,7 @@ const PostForm : FC<Props> = ({user}) => {
       title, 
       content,
       status,
-      author:user, 
+      username:user, 
       excerpt: content.split(' ').slice(0,3).join(' '),
       published,
       slug: slugiy(title),

blog-frontend/src/pages/PostDetails.tsx

@@ -21,7 +21,7 @@ const PostDetails = () => {
   return (
     <>
       <h1>{post?.title}</h1>
-      <small>By {post?.author}</small>
+      <small>By {post?.username}</small>
       <p>{post?.content}</p>
       <small>Publication Date: {moment(post?.published).format('MMMM Do YYYY, h:mm:ss a')}</small>
       {post?.category&& <small>Categories: {post?.category.map(cat=>cat+",")}</small> }

blog-frontend/src/services/blogServices.ts

@@ -5,7 +5,7 @@ const BASE_URL = 'http://127.0.0.1:8000/api/posts/'
 export interface Post {
   id?: number;
   title: string;
-  author: string;
+  username: string;
   excerpt: string;
   content: string;
   status:string;