From 8a4b39465a0e1340ba5b39228ac7655a77054baf Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Sat, 4 Jun 2022 17:54:55 +0300
Subject: [PATCH] chore: add profile url to author card

---
 .../Components/AuthorCard/AuthorCard.tsx              | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/features/Posts/pages/PostDetailsPage/Components/AuthorCard/AuthorCard.tsx b/src/features/Posts/pages/PostDetailsPage/Components/AuthorCard/AuthorCard.tsx
index cc5ec68..aa91839 100644
--- a/src/features/Posts/pages/PostDetailsPage/Components/AuthorCard/AuthorCard.tsx
+++ b/src/features/Posts/pages/PostDetailsPage/Components/AuthorCard/AuthorCard.tsx
@@ -1,4 +1,5 @@
 import dayjs from "dayjs";
+import { Link } from "react-router-dom";
 import Button from "src/Components/Button/Button";
 import { Author } from "src/features/Posts/types";
 import Avatar from "src/features/Profiles/Components/Avatar/Avatar";
@@ -16,13 +17,19 @@ export default function AuthorCard({ author }: Props) {
     return (
         <div className="bg-white p-16 border rounded-8">
             <div className='flex gap-8'>
-                <Avatar width={48} src={author.avatar} />
+                <Link to={`/profile/${author.id}`}>
+                    <Avatar width={48} src={author.avatar} />
+                </Link>
                 <div className="overflow-hidden">
                     <p className={`'text-body4' text-black font-medium overflow-hidden text-ellipsis whitespace-nowrap`}>{trimText(author.name, 333)}</p>
                     <p className={`text-body6 text-gray-600`}>Joined on {dayjs(author.join_date).format('MMMM DD, YYYY')}</p>
                 </div>
             </div>
-            <Button fullWidth color="primary" className="mt-16">
+            <Button
+                fullWidth
+                href={`/profile/${author.id}`}
+                color="primary"
+                className="mt-16">
                 Follow
             </Button>
         </div>