From 8b8cb3c9b4458949ca585084ba531548e7ce364f Mon Sep 17 00:00:00 2001
From: asmsuechan <suenagaryoutaabc@gmail.com>
Date: Sat, 6 May 2017 18:32:31 -0700
Subject: [PATCH] Change styleName in each styles

---
 browser/main/Detail/MarkdownNoteDetail.js | 1 +
 browser/main/StatusBar/index.js           | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/browser/main/Detail/MarkdownNoteDetail.js b/browser/main/Detail/MarkdownNoteDetail.js
index c8d9f8f4..300120b7 100644
--- a/browser/main/Detail/MarkdownNoteDetail.js
+++ b/browser/main/Detail/MarkdownNoteDetail.js
@@ -305,6 +305,7 @@ class MarkdownNoteDetail extends React.Component {
         <StatusBar
           {..._.pick(this.props, ['config', 'location', 'dispatch'])}
           date={note.updatedAt}
+          type={note.type}
         />
       </div>
     )
diff --git a/browser/main/StatusBar/index.js b/browser/main/StatusBar/index.js
index d1dcec2e..34d8d00e 100644
--- a/browser/main/StatusBar/index.js
+++ b/browser/main/StatusBar/index.js
@@ -48,7 +48,8 @@ class StatusBar extends React.Component {
 
   render () {
     let { config, status } = this.context
-    const { location } = this.props
+    const { location, type } = this.props
+    const styleName = type === 'MARKDOWN_NOTE' ? 'note-hash-md' : 'note-hash-snippet'
 
     return (
       <div className='StatusBar'
@@ -61,7 +62,7 @@ class StatusBar extends React.Component {
           {Math.floor(config.zoom * 100)}%
         </button>
 
-        <div styleName='note-hash'>#{location.query.key}</div>
+        <div styleName={styleName}>#{location.query.key}</div>
         <div styleName='blank' />
 
         {status.updateReady