Fixed new lines in news entry

src/components/newsEntry.js

@@ -20,19 +20,20 @@ export default function NewsEntry({
     <div>
       <div className={`${styles.newsContainer} ${admin && styles.adminPost}`}>
         <div className={styles.newsHeader}>
-          <div
-            className={styles.newsTitle}
-            dangerouslySetInnerHTML={{ __html: title }}
-          />
+          <div className={styles.newsTitle}>{title}</div>
           <div className={styles.user}>
             <div>User #{user}</div>
             <div className={styles.newsDate}>{date}</div>
           </div>
         </div>
-        <div
-          className={styles.newsBody}
-          dangerouslySetInnerHTML={{ __html: content }}
-        />
+        {admin ? (
+          <div
+            className={styles.newsBody}
+            dangerouslySetInnerHTML={{ __html: content }}
+          />
+        ) : (
+          <div className={styles.newsBody}>{content}</div>
+        )}
       </div>
       <div className={'actions'}>
         {uid === user ? (

src/components/newsEntry.module.css

@@ -2,6 +2,7 @@
   margin: 0px 5px;
   font-size: 18px;
   color: #fff;
+  white-space: pre-line;
 }
 
 .newsTitle {

src/components/reactButton.js

@@ -76,7 +76,6 @@ export default function ReactButton({ onClick, existingReacts, uid }) {
       onClick={() => {
         setOpened(true)
       }}
-      onMouseEnter={() => {}}
       onMouseLeave={() => {
         setOpened(false)
       }}