fixed compose btns and added styled more to go

Author: aadityarajkumawat

client/.flowconfig

@@ -8,13 +8,10 @@ import {
 } from "../../../actions/getPostAction";
 import { showNav } from "../../../actions/navAction";
 import PostHolder from "./Post-Placeholder/PostHolder";
-import { getEstimatedTime } from "../../../utils/estimateTime";
 import { ParsedData } from "draftjs-raw-parser";
 import { getThatProfileE } from "../../../actions/profileAction";
 import { reallyGetAllPosts } from "../../../actions/getPostAction";
-import CommentInput from "../../comment/CommentInput";
 import { postComment } from "../../../actions/commentAction";
-import CommentItem from "../../comment/CommentItem";
 import Comment from "../../comment/Comment";
 
 const Post = ({
@@ -27,8 +24,6 @@ const Post = ({
   history,
   getThatProfileE,
   reallyGetAllPosts,
-  postComment,
-  comment: { commenting },
   setCurrentPost,
 }) => {
   const [lik, setLik] = useState([]);
@@ -122,7 +117,7 @@ const Post = ({
             <span>No id</span>
           )}
           <div className="dot-i"></div>
-          <span>{post.content && getEstimatedTime(post.content)}</span>
+          <span>{"7min"}</span>
           <i
             onClick={likeThisPost}
             className={`fa${likedBtn() ? "s" : "r"} fa-heart`}
@@ -140,26 +135,6 @@ const Post = ({
         <div class="post-comment-seperator"></div>
         <div className="comment-tag">Comments</div>
         <Comment auth={auth} post_id={currentPost} />
-        {/* {auth.isAuthenticated && (
-          <CommentInput
-            addComment={postComment}
-            user_id={auth.user._id}
-            post_id={openedPost._id}
-            status={commenting}
-          />
-        )}
-        <div>All Comment</div>
-        {openedPost.comment && (
-          <div>
-            {openedPost.comment.map((cmt) => (
-              <CommentItem
-                username={cmt.nameOfUser}
-                src={cmt.imgOfUser}
-                comment_msg={cmt.comment_msg}
-              />
-            ))}
-          </div>
-        )} */}
       </div>
     </React.Fragment>
   );

client/src/App.css

@@ -1,18 +1,11 @@
-import React from "react";
-import parseJSON from "../../../utils/parseJSON";
+import React, { useState, useEffect } from "react";
 import { connect } from "react-redux";
 import {
   uploadPost,
   uploadImage,
   clearPostID,
 } from "../../../actions/getPostAction";
-import {
-  ContentState,
-  convertToRaw,
-  Editor,
-  EditorState,
-  RichUtils,
-} from "draft-js";
+import { convertToRaw, Editor, EditorState, RichUtils } from "draft-js";
 
 const PostEditor = ({
   uploadPost,
@@ -22,14 +15,13 @@ const PostEditor = ({
   uploadImage,
   clearPostID,
 }) => {
-  const instanceRef = React.useRef(null);
-  const [heading, setHeading] = React.useState("");
-  const [upload, setUpload] = React.useState("");
-  const [editorState, setEditorState] = React.useState(() =>
+  const [heading, setHeading] = useState("");
+  const [upload, setUpload] = useState("");
+  const [editorState, setEditorState] = useState(() =>
     EditorState.createEmpty()
   );
 
-  React.useEffect(() => {
+  useEffect(() => {
     setUpload("");
     if (post.imageUploaded) {
       setUpload("Uploaded!");
@@ -83,13 +75,17 @@ const PostEditor = ({
 
   return (
     <div className="d-flex flex-column editor-container-compose">
-      <input
-        type="file"
-        name="file"
-        id="file"
-        className="custom-file-input"
-        onChange={addFile}
-      />
+      <div className="img-upload">
+        <input
+          type="file"
+          name="file"
+          id="file"
+          className="custom-file-input"
+          onChange={addFile}
+        />
+        <div className="custom-upload post-post-btn">Upload Image</div>
+        {/* <div cla></div> */}
+      </div>
       <span style={uploadingStyles}>{upload}</span>
       <div className="d-flex justify-content-center compose-heading">
         <input
@@ -105,14 +101,9 @@ const PostEditor = ({
         editorState={editorState}
         onChange={setEditorState}
         handleKeyCommand={handleKeyCommand}
+        className="the-main-editor"
       />
-      <button className="" onClick={handleSave}>
-        {post.uploadedStatus && (
-          <span
-            className="spinner-border spinner-border-sm"
-            aria-hidden="true"
-          ></span>
-        )}
+      <button className="post-post-btn" onClick={handleSave}>
         <span>{post.uploadedStatus ? "" : "Post"}</span>
       </button>
     </div>