added custom tags function and scroll to top on edit functionalities

SoumavaBanerjee · Jan 29, 2021 · 9c8bf66 · 9c8bf66
1 parent 00a1c8f
commit 9c8bf66
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/components/Form/Form.js b/src/components/Form/Form.js
@@ -20,7 +20,6 @@ const Form = ({ currentId, setCurrentId }) => {
   );
 
   useEffect(() => {
-    console.log(post);
     if (post) setPostData(post);
   }, [post]);
 

diff --git a/src/components/Posts/Post/Post.js b/src/components/Posts/Post/Post.js
@@ -17,7 +17,10 @@ const Post = ({ post, setCurrentId }) => {
   const dispatch = useDispatch();
 
   const handleClickEdit = (event) => {
-    console.log(event.target.value);
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth',
+    });
     setCurrentId(post._id);
   };
 
@@ -26,7 +29,6 @@ const Post = ({ post, setCurrentId }) => {
   };
 
   const handleClickLike = (event) => {
-    console.log(event.target.value);
     dispatch(likePost(post._id));
   };
 
@@ -47,7 +49,11 @@ const Post = ({ post, setCurrentId }) => {
       </div>
       <div className={classes.details}>
         <Typography variant="body2" color="textSecondary">
-          {post.tags.map((tag) => `#${tag} `)}
+          {post.tags.map((tag) => {
+            let hashTag = tag.trim();
+            if (hashTag.includes(' ')) return `#${hashTag.replaceAll(' ', '_')} `;
+            return `#${hashTag} `;
+          })}
         </Typography>
       </div>
       <Typography className={classes.title} variant="h5" gutterBottom>