jk

Author: aadityarajkumawat

client/package-lock.json

@@ -14,7 +14,7 @@
     "axios": "^0.19.2",
     "draft-js": "^0.11.7",
     "draft-js-export-html": "^1.4.1",
-    "draftjs-raw-parser": "^1.0.2",
+    "draftjs-raw-parser": "^1.0.6",
     "framer-motion": "^3.10.0",
     "html-react-parser": "^0.13.0",
     "react": "^16.13.1",

client/package.json

@@ -3,7 +3,7 @@ import { Skeleton, useMediaQuery, useToast } from "@chakra-ui/react";
 import { ParsedData } from "draftjs-raw-parser";
 import React, { useEffect, useState } from "react";
 import { connect } from "react-redux";
-import styled, { css } from "styled-components";
+import styled from "styled-components";
 import { postComment } from "../../../actions/commentAction";
 import {
   getLikedPosts,
@@ -163,7 +163,7 @@ const Post = ({
             alt="post"
             style={{
               width: isLargerThan500 ? "100%" : "300px",
-              height: isLargerThan500 ? "600px" : "auto",
+              height: "auto",
               display: imageLoaded ? "" : "none",
             }}
             onLoad={() => {
@@ -174,7 +174,7 @@ const Post = ({
         <S.Flex mt="30px">
           {post.content && (
             <TurnIn isLargerThan500>
-              <ParsedData draftJSRawData={post.content.toString()} />
+              <ParsedData fontSize={23} rawContent={post.content.toString()} />
             </TurnIn>
           )}
         </S.Flex>
@@ -195,20 +195,11 @@ const Post = ({
 
 const TurnIn = styled.div`
   div {
+    text-align: justify;
     span {
       font-size: 25px;
     }
   }
-
-  ${(props) =>
-    props.isLargerThan500 &&
-    css`
-      div {
-        span {
-          font-size: 16px;
-        }
-      }
-    `}
 `;
 
 const mapStateToProps = (state) => {

client/src/components/layout components/Post/Post.js

@@ -137,8 +137,9 @@ const TrendingItem = ({
           px="10px"
           py="5px"
           bg="#2a2c33"
+          h="98px"
         >
-          <Flex flexDir="column">
+          <Flex flexDir="column" justifyContent="inherit">
             <Text onClick={openPost} fontSize="18px">
               {post.heading.length > 47
                 ? post.heading.substr(0, 47) + "..."
@@ -167,7 +168,7 @@ const TrendingItem = ({
               onClick={saveThisPost}
               className={`fa${checkSavedStatus() ? "s" : "r"} fa-bookmark`}
             ></i>
-            {adminPrivilages.postAccessibility && (
+            {adminPrivilages.postAccessibility && forComp !== "home-trend" && (
               <Fragment>
                 <Flex mt="10px" className="admin-post-drop">
                   <Menu>

client/src/components/layout components/Trending/TrendingItem/TrendingItem.js

@@ -9,7 +9,7 @@ import UserPost from "./user-post/UserPost";
 
 const DashboardHome = ({ routing, user, profile }) => {
   return (
-    <Flex justifyContent="center" w="100vw">
+    <Flex justifyContent="center" w="100%">
       <Flex w="calc(50vw - 400px)" h="100vh" justifyContent="flex-end">
         <Flex flexDir="column" w="15rem" pt="1rem">
           <S.Flex justifyContent="flex-start" alignItems="center">
@@ -50,7 +50,7 @@ const DashboardHome = ({ routing, user, profile }) => {
       <Flex
         borderX="1px solid #a6a6a680"
         px="0rem"
-        h="100vh"
+        h="100%"
         flexDir="column"
         w="800px"
         pt="1rem"

client/src/components/pages/DashboardHome.js

@@ -8,7 +8,7 @@ html,
 body {
   width: 100%;
   height: 100%;
-  /* overflow-x: hidden; */
+  overflow-x: hidden;
 }
 
 .admin-post-drop div span {