nextjs 13

jdgamble555 · Nov 11, 2022 · 6ec84ad · 6ec84ad
1 parent 05e70e3
commit 6ec84ad
Show file tree

Hide file tree

Showing 7 changed files with 986 additions and 997 deletions.
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
@@ -41,9 +41,7 @@ export default function Navbar(): JSX.Element {
                         <li>
                             {user?.photoURL && (
                                 <Link passHref href={`/${username}`}>
-                                    <a>
-                                        <Img src={user?.photoURL} width="50px" height="50px" />
-                                    </a>
+                                    <Img alt={user?.displayName} src={user?.photoURL} width="50" height="50" />
                                 </Link>
                             )}
                         </li>

diff --git a/components/PostContent.tsx b/components/PostContent.tsx
@@ -10,8 +10,8 @@ export default function PostContent({ post }: { post: any }) {
             <h1>{post?.title}</h1>
             <span className="text-sm">
                 Written by{' '}
-                <Link href={`/${post.username}/`}>
-                    <a className="text-info">@{post.username}</a>
+                <Link className="text-info" href={`/${post.username}/`}>
+                    @{post.username}
                 </Link>{' '}
                 on {createdAt.toISOString()}
             </span>

diff --git a/components/PostFeed.tsx b/components/PostFeed.tsx
@@ -11,15 +11,13 @@ function PostItem({ post, admin }: { post: any, admin: boolean }) {
 
     return (
         <div className="card">
-            <Link href={`/${post.username}`}>
-                <a>
-                    <strong>By @{post.username}</strong>
-                </a>
+            <Link passHref href={`/${post.username}`}>
+                <strong>By @{post.username}</strong>
             </Link>
 
             <Link passHref href={`/${post.username}/${post.slug}`}>
                 <h2>
-                    <a>{post.title}</a>
+                    {post.title}
                 </h2>
             </Link>
 

diff --git a/components/UserProfile.tsx b/components/UserProfile.tsx
@@ -3,7 +3,7 @@ import Img from 'next/image';
 export default function UserProfile({ user }: { user: any }) {
   return (
     <div className="box-center">
-      <Img src={user.photoURL || '/hacker.png'} width={150} height={150} objectFit="cover" className="card-img-center" />
+      <Img alt={user.displayName} src={user.photoURL || '/hacker.png'} width={150} height={150} objectFit="cover" className="card-img-center" />
       <p>
         <i>@{user.username}</i>
       </p>