fix: link user avatar to profile page

open-sauced · Oct 23, 2023 · 1e224b1 · 1e224b1
1 parent f0777ee
commit 1e224b1
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/components/atoms/UserCard/user-card.tsx b/components/atoms/UserCard/user-card.tsx
@@ -26,13 +26,15 @@ const UserCard = ({ username, name, meta, loading }: UserCardProps) => {
       ) : (
         <div className="flex flex-col items-center gap-6 px-9">
           <div className="flex flex-col items-center gap-2 -mt-10">
-            <Image
-              className="border border-white rounded-full "
-              width={100}
-              height={100}
-              src={avatarUrl}
-              alt={`${username}'s avatar image`}
-            />
+            <Link href={`/user/${username}`}>
+              <Image
+                className="border border-white rounded-full "
+                width={100}
+                height={100}
+                src={avatarUrl}
+                alt={`${username}'s avatar image`}
+              />
+            </Link>
             <div className="text-center">
               <h3 className="text-lg ">{name}</h3>
               <Link className="text-lg text-slate-700" href={`/user/${username}`}>{`@${username}`}</Link>