Changed api endpoints

src/components/modal.module.css

@@ -1,5 +1,5 @@
 .modal {
-  z-index: 9999;
+  z-index: 99;
   position: fixed;
   top: 0;
   left: 0;

src/components/newsEntry.js

@@ -8,7 +8,8 @@ import styles from './newsEntry.module.css'
 export default function NewsEntry({
   newsItem,
   uid,
-  onReact,
+  onCommentReact,
+  onNewsReact,
   onComment,
   onDelete,
   onPostDelete,
@@ -47,14 +48,14 @@ export default function NewsEntry({
           existingReacts={reacts}
           uid={uid}
           onClick={(reaction, isDelete) => {
-            onReact({ type: 'news', reaction, isDelete })
+            onNewsReact({ reaction, isDelete })
           }}
         />
       </div>
       <Comments
         uid={uid}
         onReact={(path, reaction, isDelete) => {
-          onReact({ type: 'comment', path, reaction, isDelete })
+          onCommentReact({ path, reaction, isDelete })
         }}
         onComment={onComment}
         onDelete={onDelete}

src/components/tooltip.module.css

@@ -15,7 +15,7 @@
   border-radius: 6px;
   padding: 5px;
   position: absolute;
-  z-index: 1;
+  z-index: 9999;
   bottom: 100%;
   left: 0%;
   margin-left: -60px;