haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-27 15:54:39 +00:00
Code Issues Releases Wiki Activity

13.0-fix click user notification tab (#7528)

Browse Source
This commit is contained in:
Michael An
2025-02-27 15:13:58 +08:00
committed by GitHub
parent 32a1639aca
commit bbd4f15cca
1 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/user-notifications.js
View File

@@ -155,8 +155,8 @@ class UserNotificationsDialog extends React.Component {
this.props.onNotificationDialogToggle();
};
tabItemClick = (e) => {
let tab = e.target.getAttribute('value');
tabItemClick = (tab) => {
if (tab === this.state.activeTab) return;
this.setState({
activeTab: tab,
currentPage: 1
@@ -217,15 +217,25 @@ class UserNotificationsDialog extends React.Component {
<div className="notice-dialog-side">
<Nav pills className="flex-column w-100">
<NavItem className="w-100" role="tab" aria-selected={activeTab === 'general'} aria-controls="general-notice-panel">
<NavLink className={classname('w-100', 'mr-0', { 'active': activeTab === 'general' })} onClick={this.tabItemClick} tabIndex="0" value="general">
<NavLink
className={classname('w-100 mr-0', { 'active': activeTab === 'general' })}
onClick={() => this.tabItemClick('general')}
tabIndex="0"
value="general"
>
{gettext('General')}
{generalNoticeListUnseen > 0 && <span>({generalNoticeListUnseen})</span>}
{generalNoticeListUnseen > 0 && <span className="pl-1">({generalNoticeListUnseen})</span>}
</NavLink>
</NavItem>
<NavItem className="w-100" role="tab" aria-selected={activeTab === 'discussion'} aria-controls="discussion-notice-panel">
<NavLink className={classname('w-100', 'mr-0', { 'active': activeTab === 'discussion' })} onClick={this.tabItemClick} tabIndex="1" value="discussion">
<NavLink
className={classname('w-100 mr-0', { 'active': activeTab === 'discussion' })}
onClick={() => this.tabItemClick('discussion')}
tabIndex="1"
value="discussion"
>
{gettext('Discussion')}
{discussionNoticeListUnseen > 0 && <span>({discussionNoticeListUnseen})</span>}
{discussionNoticeListUnseen > 0 && <span className="pl-1">({discussionNoticeListUnseen})</span>}
</NavLink>
</NavItem>
</Nav>