Update stats

Author: dipscoder

src/components/Stats.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const Stats = ({ conducted }) => {
+const Stats = ({ conducted, attending }) => {
   const heading = {
     color: '#291755',
     marginBottom: '10px'
@@ -60,7 +60,7 @@ const Stats = ({ conducted }) => {
             <br />
             attended
           </p>
-          <div style={circle}>0</div>
+          <div style={circle}>{attending}</div>
         </div>
       </div>
     </div>

src/components/dashboard.js

@@ -8,7 +8,7 @@ import BookmarkedEvents from './BookmarkedEvents';
 import Calendar from './Calendar';
 import Loader from './Loader';
 import NewEvents from './NewEvents';
-import Publications from './Publications';
+// import Publications from './Publications';
 import Stats from './Stats';
 
 const useStyles = makeStyles(theme => ({
@@ -23,6 +23,7 @@ export default function Dashboard() {
   const user = useSelector(state => state.account.user);
   const [userEvents, setUserEvents] = useState([]);
   const [loading, setLoading] = useState(true);
+  const [attending, setAttending] = useState(0);
 
   useEffect(() => {
     const fetchUserEvents = async () => {
@@ -34,6 +35,14 @@ export default function Dashboard() {
         .where('createdBy', '==', `${userId}`)
         .get();
 
+      const userRef = await db.collection('users').doc(userId);
+      userRef.get().then(doc => {
+        if (doc.exists) {
+          let data = doc.data();
+          setAttending(data.attending.length);
+        }
+      });
+
       setUserEvents(
         userEventCollection.docs.map(doc => doc.data()),
         setLoading(false)
@@ -49,12 +58,12 @@ export default function Dashboard() {
           <Box display="flex">
             <Box flexGrow={1}>
               {userEvents.length > 0 && <Calendar userEvents={userEvents} />}
-              <Stats conducted={userEvents.length} />
+              <Stats conducted={userEvents.length} attending={attending} />
               <BookmarkedEvents />
             </Box>
             <Box maxWidth="28em" minWidth="24em">
               <NewEvents />
-              <Publications />
+              {/* <Publications /> */}
             </Box>
           </Box>
         </main>