From f522c5bd240cc56282a116a9eee869d3f2ed4ca4 Mon Sep 17 00:00:00 2001
From: leninner <mazabandalenin180@gmail.com>
Date: Thu, 25 Nov 2021 12:12:03 -0500
Subject: [PATCH] =?UTF-8?q?feat:=20a=C3=B1ado=20link=20para=20mostrar=20la?=
 =?UTF-8?q?s=20cuentas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/header/header.js | 107 +++++++++-----------------------
 1 file changed, 30 insertions(+), 77 deletions(-)

diff --git a/src/components/header/header.js b/src/components/header/header.js
index d5b65ec..d32cb63 100644
--- a/src/components/header/header.js
+++ b/src/components/header/header.js
@@ -1,111 +1,64 @@
-import { Link } from "gatsby";
-import React, { useState } from "react";
-import "./header.css";
-import escudo from "../../images/logo-escudo-ec.svg";
-import Logo from "./Logo/logo";
+import { Link } from 'gatsby';
+import React, { useState } from 'react';
+import './header.css';
+import escudo from '../../images/logo-escudo-ec.svg';
+import Logo from './Logo/logo';
 
 const Header = () => {
   const [isExpanded, toggleExpansion] = useState(false);
-  let expanededClass = "";
+  let expanededClass = '';
   if (isExpanded) {
-    expanededClass = "expanded";
+    expanededClass = 'expanded';
   }
 
   return (
     <header>
-      <div className="nav-wrap">
-        <Link to="/" className="nav__logo-image--sm" activeClassName="active">
-          <img className="nav__logo-image--sm" src={escudo} alt="Logo" />
-          <h4 className="nav__logo-title--sm">Ecuador.js</h4>
+      <div className='nav-wrap'>
+        <Link to='/' className='nav__logo-image--sm' activeClassName='active'>
+          <img className='nav__logo-image--sm' src={escudo} alt='Logo' />
+          <h4 className='nav__logo-title--sm'>Ecuador.js</h4>
         </Link>
-        <button
-          className="nav__btn"
-          onClick={() => toggleExpansion(!isExpanded)}
-        >
-          <svg
-            className="w-3 h-3 fill-current"
-            viewBox="0 0 20 20"
-            xmlns="http://www.w3.org/2000/svg"
-          >
+        <button className='nav__btn' onClick={() => toggleExpansion(!isExpanded)}>
+          <svg className='w-3 h-3 fill-current' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'>
             <title>Menu</title>
-            <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
+            <path d='M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z' />
           </svg>
         </button>
 
         <nav className={`navbar ${expanededClass}`}>
-          <Link
-            className="nav__item"
-            to="/"
-            key="HOME"
-            activeClassName="active"
-          >
+          <Link className='nav__item' to='/' key='HOME' activeClassName='active'>
             HOME
           </Link>
-          <Link
-            className="nav__item"
-            to="/eventos"
-            key="EVENTOS"
-            activeClassName="active"
-            partiallyActive={true}
-          >
+          <Link className='nav__item' to='/eventos' key='EVENTOS' activeClassName='active' partiallyActive={true}>
             EVENTOS
           </Link>
-          <Link
-            className="nav__item"
-            to="/comunidad"
-            key="COMUNIDAD"
-            activeClassName="active"
-            partiallyActive={true}
-          >
+          <Link className='nav__item' to='/comunidad' key='COMUNIDAD' activeClassName='active' partiallyActive={true}>
             COMUNIDAD
           </Link>
-          <Link
-            className="nav__item"
-            to="/ciudades"
-            key="CIUDADES"
-            activeClassName="active"
-            partiallyActive={true}
-          >
+          <Link className='nav__item' to='/ciudades' key='CIUDADES' activeClassName='active' partiallyActive={true}>
             CIUDADES
           </Link>
-          <Link to="/" className="nav__logo" activeClassName="active">
+          <Link to='/' className='nav__logo' activeClassName='active'>
             <Logo />
           </Link>
-          <Link
-            className="nav__item"
-            to="/blog"
-            key="BLOG"
-            activeClassName="active"
-            partiallyActive={true}
-          >
+          <Link className='nav__item' to='/blog' key='BLOG' activeClassName='active' partiallyActive={true}>
             BLOG
           </Link>
-          <Link
-            className="nav__item"
-            to="/code-of-conduct"
-            key="CÓDIGO DE CONDUCTA"
-            activeClassName="active"
-          >
+          <Link className='nav__item' to='/code-of-conduct' key='CÓDIGO DE CONDUCTA' activeClassName='active'>
             CÓDIGO DE CONDUCTA
           </Link>
-          <Link
-            className="nav__item"
-            to="/sponsors"
-            key="SPONSORS"
-            activeClassName="active"
-            partiallyActive={true}
-          >
+          <Link className='nav__item' to='/sponsors' key='SPONSORS' activeClassName='active' partiallyActive={true}>
             SPONSORS
           </Link>
-          <Link
-            className="nav__item"
-            to="/cuentas"
-            key="CUENTAS"
-            activeClassName="active"
-            partiallyActive={true}
-          >
+          <a
+            className='nav__item'
+            href='https://docs.google.com/spreadsheets/d/1nKXGaYJVTd8JTNIkTnz5wwg-z5QmxT95RAN_b69yog4/edit?usp=sharing'
+            target='_blank'
+            key='CUENTAS'
+            activeClassName='active'
+            partiallyActive={true}>
             CUENTAS
-          </Link>
+          </a>
         </nav>
       </div>
     </header>