modify: add icon for NoteItem component

browser/main/NoteList/NoteItem.js

@@ -70,6 +70,11 @@ const NoteItem = ({ isActive, note, dateDisplay, handleNoteClick, handleNoteCont
         </div>
       </div>
 
+      {note.type === 'SNIPPET_NOTE'
+        ? <i styleName='item-title-icon' className='fa fa-fw fa-code' />
+        : <i styleName='item-title-icon' className='fa fa-fw fa-file-text-o' />
+      }
+
       {note.isStarred ?
         <i styleName='item-star' className='fa fa-star' /> : ''
       }
@@ -83,6 +88,7 @@ NoteItem.propTypes = {
   note: PropTypes.shape({
     storage: PropTypes.string.isRequired,
     key: PropTypes.string.isRequired,
+    type: PropTypes.string.isRequired,
     title: PropTypes.string.isrequired,
     tags: PropTypes.array,
     isStarred: PropTypes.bool.isRequired,

browser/main/NoteList/NoteItem.styl

@@ -21,6 +21,7 @@ $control-height = 30px
     .item-title-empty
     .item-bottom-tagList-empty
     .item-bottom-time
+    .item-title-icon
       color white
     .item-bottom-tagList-item
       background-color transparent
@@ -38,6 +39,7 @@ $control-height = 30px
   .item-title-empty
   .item-bottom-tagList-empty
   .item-bottom-time
+  .item-title-icon
     color white
   .item-bottom-tagList-item
     background-color transparent
@@ -55,6 +57,13 @@ $control-height = 30px
   overflow ellipsis
   color $ui-text-color
 
+.item-title-icon
+  position absolute
+  top 20px
+  right 25px
+  font-size 14px
+  color $ui-inactive-text-color
+
 .item-title-empty
   font-weight normal
   color $ui-inactive-text-color
@@ -98,7 +107,7 @@ $control-height = 30px
 .item-star
   position absolute
   top 20px
-  right 20px
+  right 29px
   width 34px
   height 34px
   color $ui-favorite-star-button-color
@@ -139,6 +148,9 @@ body[data-theme="dark"]
   .item-title
     color $ui-dark-text-color
 
+  .item-title-icon
+    color $ui-darkinactive-text-color
+
   .item-title-empty
     color $ui-dark-inactive-text-color