public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-16 03:06:27 +00:00
Code Issues Releases Wiki Activity

set style to articlenavigator

Browse Source
This commit is contained in:
Rokt33r
2015-10-13 01:28:16 +09:00
parent 972a3746a1
commit cd94c625a7
4 changed files with 111 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
browser/main/HomeContainer/Components/ArticleNavigator.js
View File

@@ -1,4 +1,5 @@
import React, { PropTypes } from 'react'
import ProfileImage from '../../components/ProfileImage'
export default class ArticleNavigator extends React.Component {
render () {
@@ -11,9 +12,14 @@ export default class ArticleNavigator extends React.Component {
)
})
let members = Array.isArray(user.Members) ? user.Members.map(member => {
let members = Array.isArray(user.Members) ? user.Members.sort((a, b) => {
return new Date(a._pivot_createdAt) - new Date(b._pivot_createdAt)
}).map(member => {
return (
<div>{member.profileName}</div>
<div key={'member-' + member.id}>
<ProfileImage className='memberImage' email={member.email} size='22'/>
<div className='memberProfileName'>{member.profileName}</div>
</div>
)
}) : null
@@ -22,7 +28,7 @@ export default class ArticleNavigator extends React.Component {
<div className='userInfo'>
<div className='userProfileName'>{user.profileName}</div>
<div className='userName'>{user.name}</div>
<i className='fa fa-fw fa-chevron-down'/>
<button className='settingBtn'><i className='fa fa-fw fa-chevron-down'/></button>
</div>
<div className='controlSection'>
@@ -30,9 +36,9 @@ export default class ArticleNavigator extends React.Component {
</div>
<div className='folders'>
<div className='foldersHeader'>
<div className='folderTitle'>Folders</div>
<button className='addFolderBtn'><i className='fa fa-fw fa-plus'/></button>
<div className='header'>
<div className='title'>Folders</div>
<button className='addBtn'><i className='fa fa-fw fa-plus'/></button>
</div>
<div className='folderList'>
<button>All folders</button>
@@ -43,7 +49,8 @@ export default class ArticleNavigator extends React.Component {
{user.userType === 'team' ? (
<div className='members'>
<div className='header'>
<div className='title'></div>
<div className='title'>Members</div>
<button className='addBtn'><i className='fa fa-fw fa-plus'/></button>
</div>
<div className='memberList'>
{members}

2
browser/main/index.js
View File

@@ -36,7 +36,7 @@ import { DevTools, DebugPanel, LogMonitor } from 'redux-devtools/lib/react'
let finalCreateStore = compose(devTools(), persistState(window.location.href.match(/[?&]debug_session=([^&]+)\b/)))(createStore)
let store = finalCreateStore(reducer)
let devEl = (
<DebugPanel left right bottom>
<DebugPanel top right bottom>
<DevTools store={store} monitor={LogMonitor} />
</DebugPanel>
)