From 1226c6091782f6564b4e732cd90a3d928b7855b7 Mon Sep 17 00:00:00 2001
From: en <enes@nostrdev.com>
Date: Thu, 30 Jan 2025 14:42:12 +0100
Subject: [PATCH] refactor(comments): move style from react to css

---
 src/components/comment/CommentsPopup.tsx | 53 +++++++++---------------
 src/styles/comments.css                  |  7 ++++
 2 files changed, 27 insertions(+), 33 deletions(-)

diff --git a/src/components/comment/CommentsPopup.tsx b/src/components/comment/CommentsPopup.tsx
index ec1cdb8..527261d 100644
--- a/src/components/comment/CommentsPopup.tsx
+++ b/src/components/comment/CommentsPopup.tsx
@@ -296,41 +296,28 @@ export const CommentsPopup = () => {
               </div>
               {commentEvents.length > 0 && (
                 <>
-                  <h3
-                    className='IBMSMSMBSSCL_CommentNoteRepliesTitle'
-                    style={{
-                      display: 'flex',
-                      flexDirection: 'row',
-                      justifyContent: 'space-between'
-                    }}
-                  >
+                  <h3 className='IBMSMSMBSSCL_CommentNoteRepliesTitle'>
                     Replies
-                    <div
-                      style={{
-                        fontSize: '16px'
-                      }}
+                    <button
+                      type='button'
+                      className='btnMain IBMSMSMBSSCL_CommentNoteRepliesTitleBtn'
+                      onClick={
+                        discoveredCount ? handleDiscoveredClick : undefined
+                      }
                     >
-                      <button
-                        type='button'
-                        className='btnMain'
-                        onClick={
-                          discoveredCount ? handleDiscoveredClick : undefined
-                        }
-                      >
-                        <span>
-                          {isLoading ? (
-                            <>
-                              Discovering replies
-                              <Dots />
-                            </>
-                          ) : discoveredCount ? (
-                            <>Load {discoveredCount} discovered replies</>
-                          ) : (
-                            <>No new replies</>
-                          )}
-                        </span>
-                      </button>
-                    </div>
+                      <span>
+                        {isLoading ? (
+                          <>
+                            Discovering replies
+                            <Dots />
+                          </>
+                        ) : discoveredCount ? (
+                          <>Load {discoveredCount} discovered replies</>
+                        ) : (
+                          <>No new replies</>
+                        )}
+                      </span>
+                    </button>
                   </h3>
                   <div className='pUMCB_RepliesToPrime'>
                     {commentEvents.map((reply) => (
diff --git a/src/styles/comments.css b/src/styles/comments.css
index e3c1dcc..d0dc7ea 100644
--- a/src/styles/comments.css
+++ b/src/styles/comments.css
@@ -479,6 +479,13 @@ hover {
   width: 100%;
   margin: 0 0 15px 0;
   color: rgba(255, 255, 255, 0.5);
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.IBMSMSMBSSCL_CommentNoteRepliesTitleBtn {
+ font-size: 16px;
 }
 
 .IBMSMSMBSSCL_CAElementLoadWrapper {