restructured code

src/components/Post.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faCaretUp, faCaretDown } from '@fortawesome/free-solid-svg-icons';
 
-const Post = ({ post, upvotePost, downvotePost }) => {
+const Post = ({ post, vote }) => {
     return (
         <div className="post">
             <div className="post-container">
@@ -16,12 +16,15 @@ const Post = ({ post, upvotePost, downvotePost }) => {
             <div className="votes">
                 <button onClick={(e) => {
                     e.stopPropagation();
-                    upvotePost(post.id);
+                    vote(post.id, post.reaction !== null ? null : true);
                 }}>
                     <FontAwesomeIcon icon={faCaretUp} />
                 </button>
                 <span>{post.reactions.positive - post.reactions.negative}</span>
-                <button onClick={(e) => { e.stopPropagation(); downvotePost(post.id); }}>
+                <button onClick={(e) => {
+                    e.stopPropagation();
+                    vote(post.id, post.reaction !== null ? null : false);
+                }}>
                     <FontAwesomeIcon icon={faCaretDown} />
                 </button>
             </div>