From 6028cbe4e22c8b6ce72048fc2a000ba714dd5da7 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Wed, 1 May 2024 11:23:23 -0700
Subject: [PATCH] MM-57841 - Updating post delete modal (#26907)

---
 .../delete_post_modal.test.tsx.snap           | 26 +++++++++----------
 .../delete_post_modal/delete_post_modal.tsx   | 18 ++++++-------
 2 files changed, 21 insertions(+), 23 deletions(-)

diff --git a/webapp/channels/src/components/delete_post_modal/__snapshots__/delete_post_modal.test.tsx.snap b/webapp/channels/src/components/delete_post_modal/__snapshots__/delete_post_modal.test.tsx.snap
index b8ec363720..32d1236978 100644
--- a/webapp/channels/src/components/delete_post_modal/__snapshots__/delete_post_modal.test.tsx.snap
+++ b/webapp/channels/src/components/delete_post_modal/__snapshots__/delete_post_modal.test.tsx.snap
@@ -72,8 +72,6 @@ exports[`components/delete_post_modal should match snapshot for delete_post_moda
         }
       }
     />
-    <br />
-    <br />
   </ModalBody>
   <ModalFooter
     bsClass="modal-footer"
@@ -177,17 +175,19 @@ exports[`components/delete_post_modal should match snapshot for delete_post_moda
         }
       }
     />
-    <br />
-    <br />
-    <MemoizedFormattedMessage
-      defaultMessage="This post has {count, number} {count, plural, one {comment} other {comments}} on it."
-      id="delete_post.warning"
-      values={
-        Object {
-          "count": 1,
+    <div
+      className="mt-2"
+    >
+      <MemoizedFormattedMessage
+        defaultMessage="This post has {count, number} {count, plural, one {comment} other {comments}} on it."
+        id="delete_post.warning"
+        values={
+          Object {
+            "count": 1,
+          }
         }
-      }
-    />
+      />
+    </div>
   </ModalBody>
   <ModalFooter
     bsClass="modal-footer"
@@ -291,8 +291,6 @@ exports[`components/delete_post_modal should match snapshot for post with 1 comm
         }
       }
     />
-    <br />
-    <br />
   </ModalBody>
   <ModalFooter
     bsClass="modal-footer"
diff --git a/webapp/channels/src/components/delete_post_modal/delete_post_modal.tsx b/webapp/channels/src/components/delete_post_modal/delete_post_modal.tsx
index f5aec456f9..7b43bcf041 100644
--- a/webapp/channels/src/components/delete_post_modal/delete_post_modal.tsx
+++ b/webapp/channels/src/components/delete_post_modal/delete_post_modal.tsx
@@ -106,13 +106,15 @@ export default class DeletePostModal extends React.PureComponent<Props, State> {
 
         if (this.props.commentCount > 0 && this.props.post.root_id === '') {
             commentWarning = (
-                <FormattedMessage
-                    id='delete_post.warning'
-                    defaultMessage='This post has {count, number} {count, plural, one {comment} other {comments}} on it.'
-                    values={{
-                        count: this.props.commentCount,
-                    }}
-                />
+                <div className='mt-2'>
+                    <FormattedMessage
+                        id='delete_post.warning'
+                        defaultMessage='This post has {count, number} {count, plural, one {comment} other {comments}} on it.'
+                        values={{
+                            count: this.props.commentCount,
+                        }}
+                    />
+                </div>
             );
         }
 
@@ -161,8 +163,6 @@ export default class DeletePostModal extends React.PureComponent<Props, State> {
                             term: (postTerm),
                         }}
                     />
-                    <br/>
-                    <br/>
                     {commentWarning}
                 </Modal.Body>
                 <Modal.Footer>