From 4f0005f4f29a4527005f17f768bc04301b5267bc Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Sat, 10 Aug 2024 13:58:02 +0500
Subject: [PATCH] fix, style: remove bottom padding for comment replies

---
 TODO.md                                      | 1 -
 app/components/Comments/Comments.Comment.tsx | 7 +++----
 app/components/Comments/Comments.Main.tsx    | 2 --
 3 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/TODO.md b/TODO.md
index 86fd064..c4dad17 100644
--- a/TODO.md
+++ b/TODO.md
@@ -49,7 +49,6 @@
 ## Баги
 
 - в статусе профиля нет переноса на новые линии
-- лишний отступ на последнем ответе на комментарий
 
 ## Другое
 
diff --git a/app/components/Comments/Comments.Comment.tsx b/app/components/Comments/Comments.Comment.tsx
index 51f45d6..a152aef 100644
--- a/app/components/Comments/Comments.Comment.tsx
+++ b/app/components/Comments/Comments.Comment.tsx
@@ -16,7 +16,6 @@ export const CommentsComment = (props: {
     isSpoiler: boolean;
     isEdited: boolean;
     isDeleted: boolean;
-    can_like: boolean;
   };
   isSubComment?: boolean;
   token: string | null;
@@ -82,7 +81,7 @@ export const CommentsComment = (props: {
   }
 
   return (
-    <article className="p-6 text-sm bg-white rounded-lg sm:text-base dark:bg-gray-900">
+    <article className={`${!props.isSubComment ? "p-6" : "pt-4"} text-sm bg-gray-100 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">
           <Link
@@ -107,7 +106,7 @@ export const CommentsComment = (props: {
         </div>
       </footer>
       <div className="relative flex items-center py-2">
-        <p className="text-gray-500 whitespace-pre-wrap dark:text-gray-400">
+        <p className="text-gray-800 whitespace-pre-wrap dark:text-gray-400">
           {!props.comment.isDeleted
             ? props.comment.message
             : "Комментарий был удалён."}
@@ -215,8 +214,8 @@ export const CommentsComment = (props: {
               isSpoiler: comment.is_spoiler,
               isEdited: comment.is_edited,
               isDeleted: comment.is_deleted,
-              can_like: comment.can_like,
             }}
+            isSubComment={true}
             token={props.token}
           />
         ))}
diff --git a/app/components/Comments/Comments.Main.tsx b/app/components/Comments/Comments.Main.tsx
index 4080ad5..5ca9d4a 100644
--- a/app/components/Comments/Comments.Main.tsx
+++ b/app/components/Comments/Comments.Main.tsx
@@ -64,7 +64,6 @@ export const CommentsMain = (props: {
                   isSpoiler: comment.is_spoiler,
                   isEdited: comment.is_edited,
                   isDeleted: comment.is_deleted,
-                  can_like: comment.can_like,
                 }}
                 token={props.token}
               />
@@ -188,7 +187,6 @@ const CommentsAllModal = (props: {
                 isSpoiler: comment.is_spoiler,
                 isEdited: comment.is_edited,
                 isDeleted: comment.is_deleted,
-                can_like: comment.can_like,
               }}
               token={props.token}
             />