From c589d73d07473f3857b63e40811270e3c5ef828b Mon Sep 17 00:00:00 2001
From: Syrus Akbary <me@syrusakbary.com>
Date: Sun, 29 Nov 2015 23:18:09 -0800
Subject: [PATCH] Fixed active link

---
 docs/pages/_template.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/pages/_template.js b/docs/pages/_template.js
index 18f32948..4cc9d23b 100644
--- a/docs/pages/_template.js
+++ b/docs/pages/_template.js
@@ -14,7 +14,7 @@ class Template extends React.Component {
     return (
       <div>
         <Menu width={200} right>
-            <span><Link to="/playground/">Try it out</Link></span>
+            <span><Link to="/playground/" className={path.indexOf('/playground')==0?"active":null}>Try it out</Link></span>
             <span><Link to="/docs/quickstart/" className={path.indexOf('/docs')==0?"active":null}>Docs</Link></span>
             <span><Link to="/community/">Community</Link></span>
             <a href="https://github.com/graphql-python/graphene/">Github</a>
@@ -26,7 +26,7 @@ class Template extends React.Component {
                     Graphene
                 </Link>
                 <nav className="header-nav">
-                    <Link to="/playground/">Try it out</Link>
+                    <Link to="/playground/" className={path.indexOf('/playground')==0?"active":null}>Try it out</Link>
                     <Link to="/docs/quickstart/" className={path.indexOf('/docs')==0?"active":null}>Docs</Link>
                     <Link to="/community/">Community</Link>
                     <a href="https://github.com/graphql-python/graphene/">Github</a>