From 586db8e440aa309c21649ee714b746e49be8a3ab Mon Sep 17 00:00:00 2001
From: Jean-Philippe Sirois <jp@veksen.net>
Date: Sat, 27 Jul 2019 05:07:19 -0400
Subject: [PATCH] feat: make current docs page active

---
 src/components/DocsSidebar/index.tsx  | 6 +++++-
 src/components/DocsSidebar/styles.tsx | 4 ++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/DocsSidebar/index.tsx b/src/components/DocsSidebar/index.tsx
index c6c5037..e3245ca 100644
--- a/src/components/DocsSidebar/index.tsx
+++ b/src/components/DocsSidebar/index.tsx
@@ -131,7 +131,11 @@ const ALL_DOCS = graphql`
 
 const plantTree = (item: IFileOrFolder) => {
   if (item.type === "file") {
-    return <SC.PageLink to={item.path}>{item.title}</SC.PageLink>
+    return (
+      <SC.PageLink to={item.path} activeClassName="active">
+        {item.title}
+      </SC.PageLink>
+    )
   }
 
   return <Folder item={item} />
diff --git a/src/components/DocsSidebar/styles.tsx b/src/components/DocsSidebar/styles.tsx
index 1b4360a..ea98111 100644
--- a/src/components/DocsSidebar/styles.tsx
+++ b/src/components/DocsSidebar/styles.tsx
@@ -11,4 +11,8 @@ export const PageLink = styled(Link)`
   display: block;
   padding: 4px 0;
   color: #1c61df;
+
+  &.active {
+    font-weight: 700;
+  }
 `