working on dashboard

Author: aadityarajkumawat

client/src/App.css

@@ -1,6 +1,4 @@
 import React, { useEffect } from "react";
-import "./App.css";
-
 // Router
 import { BrowserRouter as Router, Switch } from "react-router-dom";
 

client/src/App.css.map

@@ -1,5 +1,4 @@
 import React, { useState, useEffect, Fragment } from "react";
-import "../../App.css";
 import { connect } from "react-redux";
 import { login } from "../../actions/authAction";
 import { removeNav } from "../../actions/navAction";

client/src/App.js

@@ -1,5 +1,4 @@
 import React, { useState, useEffect, Fragment } from "react";
-import "../../App.css";
 import { connect } from "react-redux";
 import { register } from "../../actions/authAction";
 import { removeNav } from "../../actions/navAction";

client/src/components/auth/Login.js

@@ -1,12 +1,13 @@
-import React from 'react';
+import { Flex, Heading, Text } from "@chakra-ui/react";
+import React from "react";
 
 const PopularPosts = () => {
-    return (
-        <div className='popular-posts'>
-            <h1>Popular Posts</h1>
-            <div className='posts-list'>No posts available</div>
-        </div>
-    );
+  return (
+    <Flex flexDirection='column' px='100px' mt='3rem'>
+      <Heading as="h1">Popular Posts</Heading>
+      <Text>No posts available</Text>
+    </Flex>
+  );
 };
 
 export default PopularPosts;

client/src/components/auth/Register.js

@@ -35,7 +35,7 @@ const Trending = ({
   }, [trendingPosts.length, post.uploadedStatus]);
 
   return (
-    <Flex>
+    <Flex justifyContent='center' mt='0rem'>
       {posts.length > 0 ? (
         posts.map((post) => (
           <TrendingItem