From 6c07bbe28e69b0ba20469fed927b020e4467d85c Mon Sep 17 00:00:00 2001
From: Dylan Jeffers <dylan@audius.co>
Date: Tue, 6 May 2025 15:44:28 -0700
Subject: [PATCH] [qa-2092] Fix comment replies

---
 .../api/tan-query/comments/usePostComment.ts  |  2 +-
 .../src/components/comments/CommentBlock.tsx  | 19 +++++++++----------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/packages/common/src/api/tan-query/comments/usePostComment.ts b/packages/common/src/api/tan-query/comments/usePostComment.ts
index 18c55287d05..fd99d029da6 100644
--- a/packages/common/src/api/tan-query/comments/usePostComment.ts
+++ b/packages/common/src/api/tan-query/comments/usePostComment.ts
@@ -81,7 +81,7 @@ export const usePostComment = () => {
           (comment) =>
             ({
               ...comment,
-              replyCount: (comment as Comment)?.replyCount ?? 0 + 1,
+              replyCount: ((comment as Comment)?.replyCount ?? 0) + 1,
               replies: [...((comment as Comment)?.replies ?? []), newComment]
             }) as Comment
         )
diff --git a/packages/web/src/components/comments/CommentBlock.tsx b/packages/web/src/components/comments/CommentBlock.tsx
index cdc1f793ed6..db68907cc0f 100644
--- a/packages/web/src/components/comments/CommentBlock.tsx
+++ b/packages/web/src/components/comments/CommentBlock.tsx
@@ -120,20 +120,19 @@ const CommentBlockInternal = (
                     strength='strong'
                   />
                 ) : null}
-                <Flex gap='xs' alignItems='flex-end' h='100%'>
-                  <Timestamp time={createdAtDate} />
+                <Text
+                  variant='body'
+                  size='s'
+                  color='subdued'
+                  css={{ whiteSpace: 'nowrap' }}
+                >
+                  <Timestamp time={createdAtDate} />{' '}
                   {trackTimestampS !== undefined && !isPreview ? (
                     <>
-                      <Text color='subdued' size='s'>
-                        •
-                      </Text>
-                      <TimestampLink
-                        size='s'
-                        timestampSeconds={trackTimestampS}
-                      />
+                      • <TimestampLink timestampSeconds={trackTimestampS} />
                     </>
                   ) : null}
-                </Flex>
+                </Text>
               </Flex>
               {userId && (isPreview || !(isPinned || isArtistReacted)) ? (
                 <CommentBadge