haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-23 04:18:21 +00:00
Code Issues Releases Wiki Activity

fix tab highlight (#2551)

Browse Source
This commit is contained in:
C_Q
2018-11-22 17:00:23 +08:00
committed by Daniel Pan
parent fb6c097028
commit 2cf8f1b46e
9 changed files with 79 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/components/review-list-view/review-list-view.js
View File

@@ -8,18 +8,20 @@ import ReviewListItem from './review-list-item';
const propTypes = {
isItemFreezed: PropTypes.bool.isRequired,
itemsList: PropTypes.array.isRequired,
getReviewList: PropTypes.func.isRequired,
activeTab: PropTypes.string.isRequired,
};
class ReviewListView extends React.Component {
constructor(props) {
super(props);
this.toggle = this.toggle.bind(this);
}
constructor(props) {
super(props);
this.toggle = this.toggle.bind(this);
}
toggle(tab) {
if (this.props.activeTab !== tab) {
this.props.getReviewList(tab)
this.props.getReviewList(tab);
}
}
@@ -32,7 +34,7 @@ class ReviewListView extends React.Component {
<NavLink
className={classnames({ active: this.props.activeTab === 'open' })}
onClick={() => { this.toggle('open');}}
>
>
{gettext('Open')}
</NavLink>
</NavItem>
@@ -40,7 +42,7 @@ class ReviewListView extends React.Component {
<NavLink
className={classnames({ active: this.props.activeTab === 'finished' })}
onClick={() => { this.toggle('finished');}}
>
>
{gettext('Published')}
</NavLink>
</NavItem>
@@ -48,7 +50,7 @@ class ReviewListView extends React.Component {
<NavLink
className={classnames({ active: this.props.activeTab === 'closed' })}
onClick={() => { this.toggle('closed');}}
>
>
{gettext('Closed')}
</NavLink>
</NavItem>
@@ -67,11 +69,11 @@ class ReviewListView extends React.Component {
<tbody>
{ items && items.map((item) => {
return (
<ReviewListItem
key={item.id}
item={item}
isItemFreezed={this.props.isItemFreezed}
/>
<ReviewListItem
key={item.id}
item={item}
isItemFreezed={this.props.isItemFreezed}
/>
);
})}
</tbody>