From c666be3a5500aee0bcd61a53332c7608dbc209ad Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Mon, 13 Oct 2025 16:24:28 -0400
Subject: [PATCH] shenanigans making a silly separator show sometimes and not
 others

---
 app/reader/ReaderContent.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/reader/ReaderContent.tsx b/app/reader/ReaderContent.tsx
index 84afadfa..452b91fa 100644
--- a/app/reader/ReaderContent.tsx
+++ b/app/reader/ReaderContent.tsx
@@ -196,6 +196,10 @@ const PostInterations = (props: {
   showComments: boolean | undefined;
 }) => {
   let smoker = useSmoker();
+  let interactionsAvailable =
+    props.quotesCount > 0 ||
+    (props.showComments !== false && props.commentsCount > 0);
+
   return (
     <div className={`flex gap-2 text-tertiary text-sm  items-center`}>
       {props.quotesCount === 0 ? null : (
@@ -204,16 +208,16 @@ const PostInterations = (props: {
           <QuoteTiny aria-hidden /> {props.quotesCount}
         </div>
       )}
-      {props.showComments === false ? null : (
+      {props.showComments === false || props.commentsCount === 0 ? null : (
         <div className={`flex gap-1 items-center`}>
           <span className="sr-only">Post comments</span>
           <CommentTiny aria-hidden /> {props.commentsCount}
         </div>
       )}
-      <Separator classname="h-4 !min-h-0" />
+      {interactionsAvailable && <Separator classname="h-4 !min-h-0" />}
       <button
         id={`copy-post-link-${props.postUrl}`}
-        className="flex gap-1 items-center hover:font-bold px-1"
+        className="flex gap-1 items-center hover:font-bold"
         style={{ pointerEvents: "all" }}
         onClick={(e) => {
           e.stopPropagation();
-- 
2.51.2