Front page forum

src/components/newsEntry.js

@@ -6,20 +6,18 @@ import Comments from './comments.js'
 import styles from './newsEntry.module.css'
 
 export default function NewsEntry({
-  newsKey,
   newsItem,
   uid,
   onReact,
   onComment,
   onDelete,
+  onPostDelete,
 }) {
-  const { reacts, title, text, user, comments, date, adminPost } = newsItem
+  const { reacts, title, content, user, comments, date, admin } = newsItem
 
   return (
     <div>
-      <div
-        className={`${styles.newsContainer} ${adminPost && styles.adminPost}`}
-      >
+      <div className={`${styles.newsContainer} ${admin && styles.adminPost}`}>
         <div className={styles.newsHeader}>
           <div
             className={styles.newsTitle}
@@ -32,8 +30,19 @@ export default function NewsEntry({
         </div>
         <div
           className={styles.newsBody}
-          dangerouslySetInnerHTML={{ __html: text }}
+          dangerouslySetInnerHTML={{ __html: content }}
         />
+      </div>
+      <div className={'actions'}>
+        {uid === user ? (
+          <span
+            onClick={() => {
+              onPostDelete()
+            }}
+          >
+            Delete
+          </span>
+        ) : null}
         <ReactButton
           existingReacts={reacts}
           uid={uid}