From b9e31dddb01413f7badd59861f5f442df81b3fd3 Mon Sep 17 00:00:00 2001
From: Kimmo Puputti <git@kimmo.kpuputti.fi>
Date: Fri, 17 Feb 2017 10:42:53 +0200
Subject: [PATCH] Highlight active tab link

---
 src/containers/OrderPage/OrderPage.css | 4 ++++
 src/containers/OrderPage/OrderPage.js  | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/containers/OrderPage/OrderPage.css b/src/containers/OrderPage/OrderPage.css
index 20c8e3e4..77cf17dc 100644
--- a/src/containers/OrderPage/OrderPage.css
+++ b/src/containers/OrderPage/OrderPage.css
@@ -5,3 +5,7 @@
 .tabContentVisible {
   display: block;
 }
+
+.activeTab {
+  font-weight: bold;
+}
diff --git a/src/containers/OrderPage/OrderPage.js b/src/containers/OrderPage/OrderPage.js
index 987b557e..e8e6c41f 100644
--- a/src/containers/OrderPage/OrderPage.js
+++ b/src/containers/OrderPage/OrderPage.js
@@ -37,10 +37,10 @@ const OrderPage = props => {
 
   return (
     <PageLayout title={`Your ${title} booking is confirmed!`}>
-      <NamedLink name="OrderDetailsPage" params={{ id: orderId }} style={{ marginRight: '2rem' }}>
+      <NamedLink name="OrderDetailsPage" params={{ id: orderId }} activeClassName={css.activeTab} style={{ marginRight: '2rem' }}>
         Booking details
       </NamedLink>
-      <NamedLink name="OrderDiscussionPage" params={{ id: orderId }}>
+      <NamedLink name="OrderDiscussionPage" activeClassName={css.activeTab} params={{ id: orderId }}>
         Discussion
       </NamedLink>
       <OrderDetailsPanel className={detailsClassName} {...detailsProps} />