From 8f6319ab0d7cf3f19ad35e2ee46688ad0b426825 Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Tue, 6 Aug 2024 18:43:00 +0500
Subject: [PATCH] feat: add user profile link to comment

---
 TODO.md                                      |  5 +++--
 app/components/Comments/Comments.Comment.tsx | 10 +++++++---
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/TODO.md b/TODO.md
index bbbc468..b8dc2ae 100644
--- a/TODO.md
+++ b/TODO.md
@@ -57,7 +57,7 @@
 - [ ] Просмотр комментариев и комментирование
   - [X] Просмотр популярных комментариев
   - [ ] Просмотр всех комментариев (как Modal)
-  - [ ] Переход на страницу пользователя оставившего комментарий
+  - [X] Переход на страницу пользователя оставившего комментарий
   - [ ] Отправление комментариев
   - [ ] Отправление ответов
   - [X] Оценка комментариев
@@ -77,7 +77,8 @@
 
 ## Баги
 
-- ...
+- в статусе профиля нет переноса на новые линии
+- лишний отступ на последнем ответе на комментарий
 
 ## Другое
 
diff --git a/app/components/Comments/Comments.Comment.tsx b/app/components/Comments/Comments.Comment.tsx
index aca0850..e8fc314 100644
--- a/app/components/Comments/Comments.Comment.tsx
+++ b/app/components/Comments/Comments.Comment.tsx
@@ -2,6 +2,7 @@ import { unixToDate } from "#/api/utils";
 import { useEffect, useState } from "react";
 import { ENDPOINTS } from "#/api/config";
 import { Button } from "flowbite-react";
+import Link from "next/link";
 
 export const CommentsComment = (props: {
   profile: { login: string; avatar: string; id: number };
@@ -79,14 +80,17 @@ export const CommentsComment = (props: {
     <article className="p-6 text-sm bg-white rounded-lg sm:text-base dark:bg-gray-900">
       <footer className="flex items-center justify-between mb-2">
         <div className="flex flex-col items-start gap-1 sm:items-center sm:flex-row">
-          <p className="inline-flex items-center mr-3 text-sm font-semibold text-gray-900 dark:text-white">
+          <Link
+            href={`/profile/${props.profile.id}`}
+            className="inline-flex items-center mr-3 text-sm font-semibold text-gray-900 dark:text-white hover:underline"
+          >
             <img
               className="w-6 h-6 mr-2 rounded-full"
               src={props.profile.avatar}
-              alt={props.profile.login}
+              alt=""
             />
             {props.profile.login}
-          </p>
+          </Link>
           <p className="text-sm text-gray-600 dark:text-gray-400">
             <time
               dateTime={props.comment.timestamp.toString()}