From d7df1339914baf27f0bba1abef070aaf07324ccd Mon Sep 17 00:00:00 2001
From: Ladd Hoffman <laddhoffman@gmail.com>
Date: Wed, 20 Mar 2024 09:32:50 -0500
Subject: [PATCH] Render line breaks in post content

---
 client/src/App.css | 3 +++
 client/src/App.jsx | 6 +++++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 client/src/App.css

diff --git a/client/src/App.css b/client/src/App.css
new file mode 100644
index 0000000..da16e05
--- /dev/null
+++ b/client/src/App.css
@@ -0,0 +1,3 @@
+.post-content {
+  white-space: pre-line;
+}
\ No newline at end of file
diff --git a/client/src/App.jsx b/client/src/App.jsx
index 6639ecf..b4b20e2 100644
--- a/client/src/App.jsx
+++ b/client/src/App.jsx
@@ -15,6 +15,8 @@ import Stack from 'react-bootstrap/Stack';
 import Modal from 'react-bootstrap/Modal';
 import Form from 'react-bootstrap/Form';
 
+import './App.css';
+
 import useList from './utils/List';
 import { getContractByChainId, getContractNameByAddress } from './utils/contract-config';
 import Web3Context from './contexts/Web3Context';
@@ -324,7 +326,9 @@ function App() {
           <Modal.Title>View Post</Modal.Title>
         </Modal.Header>
         <Modal.Body>
-          {viewPostContent}
+          <p className="post-content">
+            {viewPostContent}
+          </p>
         </Modal.Body>
         <Modal.Footer>
           <Button variant="secondary" onClick={handleCloseViewPost}>