From 97582395b76aece6745fb872ac244e9317018754 Mon Sep 17 00:00:00 2001
From: lndgalante <lndgalante@gmail.com>
Date: Tue, 26 Feb 2019 08:28:47 -0300
Subject: [PATCH] Fix undefined window. Fix eslint errors

---
 client/src/components/App/Events/index.js |  8 +++-----
 client/src/components/App/Nav/index.js    | 24 ++++++++++++-----------
 client/src/pages/index.js                 |  1 -
 3 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/client/src/components/App/Events/index.js b/client/src/components/App/Events/index.js
index 4153d80..f60b629 100644
--- a/client/src/components/App/Events/index.js
+++ b/client/src/components/App/Events/index.js
@@ -2,7 +2,6 @@ import React, { useState, useEffect } from 'react'
 import dayjs from 'dayjs'
 import 'dayjs/locale/es'
 
-import { Organizing } from '../../shared/Icons'
 import { Container, Background, BackgroundFooter, Content, EventBox } from './styled'
 
 dayjs.locale('es')
@@ -10,10 +9,10 @@ dayjs.locale('es')
 const getNextMeetups = async () => {
   const url = 'https://wt-8a099f3e7c73b2d17f4e018b6cfd6131-0.sandbox.auth0-extend.com/freeCodeCampEvents'
 
-   const response = await fetch(url)
-   const { data } = await response.json()
+  const response = await fetch(url)
+  const { data } = await response.json()
 
-   return data
+  return data
 }
 
 const Events = () => {
@@ -24,7 +23,6 @@ const Events = () => {
     getNextMeetups()
       .then(events => {
         if (!events.length) return setStatus('No events')
-        console.log('events: ', events)
 
         setNextEvents(events)
         setStatus('success')
diff --git a/client/src/components/App/Nav/index.js b/client/src/components/App/Nav/index.js
index 9132f67..2aa5db2 100644
--- a/client/src/components/App/Nav/index.js
+++ b/client/src/components/App/Nav/index.js
@@ -1,20 +1,22 @@
-import React, { useState } from 'react'
+import React, { useState, useEffect } from 'react'
 
 import { StyledNav } from './styled'
 
+const links = [
+  { href: '#home', name: 'home', text: 'Home' },
+  { href: '#about', name: 'about', text: 'Sobre nosotros' },
+  { href: '#events', name: 'events', text: 'Próximos encuentros' },
+]
+
 const Nav = () => {
-  const [activeLink, setActiveLink] = useState('home')
   const [scrolled, setScrolled] = useState(false)
+  const [activeLink, setActiveLink] = useState('home')
+
+  useEffect(() => {
+    window.addEventListener('scroll', () => setScrolled(windowGlobal.scrollY >= 10))
+  }, [])
+
   const handleLinkClick = ({ target }) => setActiveLink(target.name)
-  const handleScroll = () => { window.scrollY >= 10 ? setScrolled(true) : setScrolled(false)}
-
-  const scrollListener = window.addEventListener('scroll', 
-    handleScroll)
-  const links = [
-    { href: '#home', name: 'home', text: 'Home' },
-    { href: '#about', name: 'about', text: 'Sobre nosotros' },
-    { href: '#events', name: 'events', text: 'Próximos encuentros' },
-  ]
 
   return (
     <StyledNav className={`${scrolled ? 'scrolled' : ''}`}>
diff --git a/client/src/pages/index.js b/client/src/pages/index.js
index e327bd7..5587969 100644
--- a/client/src/pages/index.js
+++ b/client/src/pages/index.js
@@ -1,5 +1,4 @@
 import React from 'react'
-import { Link } from 'gatsby'
 
 import Layout from '../components/shared/Layout'
 import SEO from '../components/shared/seo'