From db5b2d0a9c402cb68d8c099cfccb6d9e21fc9b73 Mon Sep 17 00:00:00 2001
From: en <enes@nostrdev.com>
Date: Sat, 15 Feb 2025 14:09:04 +0100
Subject: [PATCH] fix(popup: double body scroll and remove 2nd hide full post
 button

---
 src/components/comment/CommentContent.tsx |  4 ++--
 src/hooks/useScrollDisable.ts             | 10 ++++++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/comment/CommentContent.tsx b/src/components/comment/CommentContent.tsx
index 1657d89..bbbfeb2 100644
--- a/src/components/comment/CommentContent.tsx
+++ b/src/components/comment/CommentContent.tsx
@@ -21,9 +21,9 @@ export const CommentContent = ({ content }: CommentContentProps) => {
       <p className='IBMSMSMBSSCL_CBText'>
         <NoteRender content={text} />
       </p>
-      {isTextOverflowing && (
+      {isTextOverflowing && !isExpanded && (
         <div className='IBMSMSMBSSCL_CBExpand' onClick={toggle}>
-          <p>{isExpanded ? 'Hide' : 'View'} full post</p>
+          <p>View full post</p>
         </div>
       )}
     </>
diff --git a/src/hooks/useScrollDisable.ts b/src/hooks/useScrollDisable.ts
index d9658a5..40438a9 100644
--- a/src/hooks/useScrollDisable.ts
+++ b/src/hooks/useScrollDisable.ts
@@ -2,10 +2,16 @@ import { useEffect } from 'react'
 
 export const useBodyScrollDisable = (disable: boolean) => {
   useEffect(() => {
-    if (disable) document.body.style.overflow = 'hidden'
+    const initialOverflow = document.body.style.overflow
+
+    if (disable && initialOverflow !== 'hidden') {
+      document.body.style.overflow = 'hidden'
+    }
 
     return () => {
-      document.body.style.overflow = ''
+      if (initialOverflow !== 'hidden') {
+        document.body.style.overflow = initialOverflow
+      }
     }
   }, [disable])
 }