diff --git a/browser/components/TagListItem.js b/browser/components/TagListItem.js new file mode 100644 index 00000000..79af1808 --- /dev/null +++ b/browser/components/TagListItem.js @@ -0,0 +1,21 @@ +/** +* @fileoverview Micro component for showing TagList. +*/ +import React, { PropTypes } from 'react' +import styles from './TagListItem.styl' +import CSSModules from 'browser/lib/CSSModules' + +/** +* @param {string} name +*/ + +const TagListItem = (({name}) => { + return ( + + ) +}) + +export default CSSModules(TagListItem, styles) + diff --git a/browser/components/TagListItem.styl b/browser/components/TagListItem.styl new file mode 100644 index 00000000..e69de29b diff --git a/browser/main/NoteList/index.js b/browser/main/NoteList/index.js index 7464ef1f..03ab6906 100644 --- a/browser/main/NoteList/index.js +++ b/browser/main/NoteList/index.js @@ -454,6 +454,7 @@ class NoteList extends React.Component { } render () { + console.log(this.props) let { location, notes, config, dispatch } = this.props let sortFunc = config.sortBy === 'CREATED_AT' ? sortByCreatedAt diff --git a/browser/main/SideNav/index.js b/browser/main/SideNav/index.js index 8e62c088..3831086d 100644 --- a/browser/main/SideNav/index.js +++ b/browser/main/SideNav/index.js @@ -5,6 +5,7 @@ import { openModal } from 'browser/main/lib/modal' import PreferencesModal from '../modals/PreferencesModal' import ConfigManager from 'browser/main/lib/ConfigManager' import StorageItem from './StorageItem' +import TagListItem from 'browser/components/TagListItem' import SideNavFilter from 'browser/components/SideNavFilter' class SideNav extends React.Component { @@ -83,8 +84,15 @@ class SideNav extends React.Component { ) } else { + let tagList = data.tagNoteMap.map((tag, key) => { + return `# ${key}` + }) component = ( -