idk

Author: aadityarajkumawat

client/src/App.js

@@ -1,9 +1,10 @@
 import { Flex } from "@chakra-ui/react";
 import React, { useEffect } from "react";
 // Redux
-import { Provider } from "react-redux";
+import { connect } from "react-redux";
 // Router
 import { BrowserRouter as Router, Switch } from "react-router-dom";
+import { getAdminPrivilages } from "./actions/adminPrivilagesAction";
 import { loadUser } from "./actions/authAction";
 import Navbar from "./components/navbar/Navbar";
 // Import Routes
@@ -16,22 +17,32 @@ if (localStorage.getItem("token")) {
   setAuthToken(localStorage.getItem("token"));
 }
 
-function App() {
+function App({ auth, getAdminPrivilages }) {
   useEffect(() => {
     store.dispatch(loadUser());
+    getAdminPrivilages(true);
   }, []);
+
+  useEffect(() => {
+    getAdminPrivilages(true);
+  }, [auth.isAuthenticated]);
+
   return (
-    <Provider store={store}>
-      <Router>
-        <Navbar />
-        <Flex justifyContent="space-between" alignItems="flex-start" h="100%">
-          <Switch>
-            <Routes />
-          </Switch>
-        </Flex>
-      </Router>
-    </Provider>
+    <Router>
+      <Navbar />
+      <Flex justifyContent="space-between" alignItems="flex-start" h="100%">
+        <Switch>
+          <Routes />
+        </Switch>
+      </Flex>
+    </Router>
   );
 }
 
-export default App;
+const mapStateToProps = (state) => {
+  return {
+    auth: state.auth,
+  };
+};
+
+export default connect(mapStateToProps, { getAdminPrivilages })(App);

client/src/components/comment/Comment.js

@@ -1,9 +1,9 @@
+import * as S from "@chakra-ui/react";
 import React, { useEffect, useState } from "react";
 import { connect } from "react-redux";
 import { getComments, postComment } from "../../actions/commentAction";
 import CommentInput from "./CommentInput";
 import CommentItem from "./CommentItem";
-import * as S from "@chakra-ui/react";
 
 const Comment = ({
   getComments,

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

@@ -170,7 +170,7 @@ const TrendingItem = ({
             {adminPrivilages.postAccessibility && (
               <Fragment>
                 <Flex mt="10px" className="admin-post-drop">
-                  <Menu isLazy>
+                  <Menu>
                     <MenuButton
                       as={Flex}
                       w="20px"

client/src/components/pages/ActivityList.js

@@ -27,17 +27,17 @@ const ActivityList = ({
     // eslint-disable-next-line
   }, [post.savedPosts.length]);
 
-  const removeThisSavedPost = (id) => {
-    savePost(id);
-  };
+  // const removeThisSavedPost = (id) => {
+  //   savePost(id);
+  // };
 
-  const openThisPost = (id) => {
-    if (post !== undefined && routing !== undefined) {
-      setCurrentPost(id.toString());
-      sessionStorage.setItem("postID", id.toString());
-      routing.push("/post");
-    }
-  };
+  // const openThisPost = (id) => {
+  //   if (post !== undefined && routing !== undefined) {
+  //     setCurrentPost(id.toString());
+  //     sessionStorage.setItem("postID", id.toString());
+  //     routing.push("/post");
+  //   }
+  // };
 
   return (
     <Flex className="activity-list" px="1rem" w="100%" mt="2rem">
@@ -48,7 +48,7 @@ const ActivityList = ({
         width="100%"
       >
         {postsSaved.map((post) => (
-          <Box w="350px" onClick={openThisPost} mb="2rem">
+          <Box w="350px" mb="2rem">
             <TrendingItem post={post} forComp="saved" />
           </Box>
         ))}

client/src/index.js

@@ -1,18 +1,22 @@
 import { ChakraProvider, extendTheme } from "@chakra-ui/react";
 import React from "react";
 import ReactDOM from "react-dom";
+import { Provider } from "react-redux";
 import App from "./App";
 import "./index.css";
+import store from "./store";
 
 ReactDOM.render(
   <React.StrictMode>
-    <ChakraProvider
-      theme={extendTheme({
-        config: { useSystemColorMode: false, initialColorMode: "dark" },
-      })}
-    >
-      <App />
-    </ChakraProvider>
+    <Provider store={store}>
+      <ChakraProvider
+        theme={extendTheme({
+          config: { useSystemColorMode: false, initialColorMode: "dark" },
+        })}
+      >
+        <App />
+      </ChakraProvider>
+    </Provider>
   </React.StrictMode>,
   document.getElementById("root")
 );