fix: link single highlight dialog contributor info div to contributor…

… profile (#1279)
open-sauced · Jun 20, 2023 · 67d5a16 · 67d5a16
1 parent bc516c3
commit 67d5a16
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/pages/feed/index.tsx b/pages/feed/index.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from "react";
 import { useRouter } from "next/router";
+import Link from "next/link";
 import formatDistanceToNowStrict from "date-fns/formatDistanceToNowStrict";
 import clsx from "clsx";
 
@@ -125,13 +126,15 @@ const Feeds: WithPageLayout<HighlightSSRProps> = (props: HighlightSSRProps) => {
               <div className="flex flex-col gap-8 mx-auto mt-10">
                 <div className="flex flex-col gap-6 px-3 ">
                   <div className="flex items-center gap-3 ">
-                    <Avatar
-                      alt="user profile avatar"
-                      isCircle
-                      size="sm"
-                      avatarURL={`https://www.github.com/${singleHighlight.login}.png?size=300`}
-                    />
-                    <strong>{singleHighlight.login}</strong>
+                    <Link href={`/user/${singleHighlight.login}`} className="flex items-center gap-3">
+                      <Avatar
+                        alt="user profile avatar"
+                        isCircle
+                        size="sm"
+                        avatarURL={`https://www.github.com/${singleHighlight.login}.png?size=300`}
+                      />
+                      <strong>{singleHighlight.login}</strong>
+                    </Link>
                     <span className="text-xs font-normal text-light-slate-11">
                       {formatDistanceToNowStrict(new Date(singleHighlight.created_at), {
                         addSuffix: true,