From 77545ec995b585afaf19881b0caaba73e8342284 Mon Sep 17 00:00:00 2001
From: Nicolas Froidure <nicolas.froidure@insertafter.com>
Date: Thu, 18 Jan 2018 09:46:01 +0100
Subject: [PATCH] refactor(Style): Fix undefined class

---
 components/Header.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/Header.js b/components/Header.js
index 3a6a47d..9c2eec1 100644
--- a/components/Header.js
+++ b/components/Header.js
@@ -6,16 +6,16 @@ const Header = (props) => (
   <Wrapper>
     <Image src={logoUrl} />
     <StyledLink href="/">
-      <a className={props.home && 'active'}>Home</a>
+      <a className={props.home && 'active' || 'not'}>Home</a>
     </StyledLink>
     <StyledLink href="/guide">
-      <a className={props.guide && 'active'}>API Guide</a>
+      <a className={props.guide && 'active' || 'not'}>API Guide</a>
     </StyledLink>
     <StyledLink href="/reference">
       <a className={props.reference ? 'active' : 'not'}>API Reference</a>
     </StyledLink>
     <StyledLink href="/tools">
-      <a className={props.tools && 'active'}>Tools</a>
+      <a className={props.tools && 'active' || 'not'}>Tools</a>
     </StyledLink>
     <a href="https://sencrop.typeform.com/to/dFLmCl"
       target="_blank">
@@ -62,4 +62,3 @@ const Wrapper = styled.div`
 const StyledLink = styled(Link)`
   ${props => props.active && 'color: red !important;'}
 `;
-