From 977e80c82931502888f513fb605cbe9092fc4f14 Mon Sep 17 00:00:00 2001
From: Sosuke Suzuki <aosukeke@gmail.com>
Date: Sun, 17 Dec 2017 02:07:07 +0900
Subject: [PATCH] apply switching style

---
 browser/main/Detail/MarkdownNoteDetail.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/browser/main/Detail/MarkdownNoteDetail.js b/browser/main/Detail/MarkdownNoteDetail.js
index 469fc7ab..baaf63f9 100644
--- a/browser/main/Detail/MarkdownNoteDetail.js
+++ b/browser/main/Detail/MarkdownNoteDetail.js
@@ -274,7 +274,7 @@ class MarkdownNoteDetail extends React.Component {
 
   render () {
     const { data, config, location } = this.props
-    const { note } = this.state
+    const { note, editorType } = this.state
     const storageKey = note.storage
     const folderKey = note.folder
 
@@ -330,10 +330,10 @@ class MarkdownNoteDetail extends React.Component {
         />
 
         <div styleName='mode-tab'>
-          <div styleName='active' onClick={() => this.handleSwitchMode('SPLIT')}>
+          <div styleName={editorType === 'SPLIT' ? 'active' : 'non-active'} onClick={() => this.handleSwitchMode('SPLIT')}>
             <img styleName='item-star' src='../resources/icon/icon-WYSIWYG-on.svg' />
           </div>
-          <div onClick={() => this.handleSwitchMode('DEFAULT')}>
+          <div styleName={editorType === 'DEFAULT' ? 'active' : 'non-active'} onClick={() => this.handleSwitchMode('DEFAULT')}>
             <img styleName='item-star' src='../resources/icon/icon-code-off.svg' />
           </div>
         </div>