fix: only show 'Hide replies' button when replies exist

Co-authored-by: Chris Bongers <rebelchris@users.noreply.github.com>

Author: github-actions[bot]

packages/shared/src/components/comments/MainComment.spec.tsx

@@ -218,3 +218,8 @@ it('should show creator badge', async () => {
   const el = await screen.findByText('Creator');
   expect(el).toBeInTheDocument();
 });
+
+it('should not show hide replies button when there are no replies', async () => {
+  renderLayout();
+  expect(screen.queryByText('Hide replies')).not.toBeInTheDocument();
+});

packages/shared/src/components/comments/MainComment.tsx

@@ -179,7 +179,7 @@ export default function MainComment({
           onExpand={() => setAreRepliesExpanded(true)}
         />
       )}
-      {inView && areRepliesExpanded && (
+      {inView && replyCount > 0 && areRepliesExpanded && (
         <>
           <button
             type="button"