scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-09-21 07:26:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

fixes closing of notification modal window

Browse source
This commit is contained in:
mlorb 2017-10-13 10:46:58 +02:00
parent 8bd698e5c3
commit dafa4a6f1f
1 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
app/javascript/src/components/Navigation/components/NotificationsDropdown.jsx
View file

@ -13,9 +13,7 @@ import {
WILD_SAND_COLOR,
MYSTIC_COLOR
} from "../../../config/constants/colors";
import {
SETTINGS_ACCOUNT_PREFERENCES
} from "../../../config/routes"
import { SETTINGS_ACCOUNT_PREFERENCES } from "../../../config/routes";
import NotificationItem from "./NotificationItem";
import Spinner from "../../Spinner";
@ -104,6 +102,10 @@ class NotificationsDropdown extends Component {
});
}
closeDropdown() {
this.dropdown.click();
}
renderNotifications() {
const list = this.state.notifications.map(notification => (
<NotificationItem key={notification.id} notification={notification} />
@ -133,7 +135,11 @@ class NotificationsDropdown extends Component {
noCaret
id="notifications-dropdown"
title={
<span>
<span
ref={el => {
this.dropdown = el;
}}
>
<i className="fa fa-bell" />&nbsp;
<span className="visible-xs-inline visible-sm-inline">
<FormattedMessage id="navbar.notifications_label" />
@ -148,7 +154,10 @@ class NotificationsDropdown extends Component {
<FormattedMessage id="notifications.dropdown_title" />
</span>
<span className="pull-right">
<Link to={SETTINGS_ACCOUNT_PREFERENCES}>
<Link
to={SETTINGS_ACCOUNT_PREFERENCES}
onClick={this.closeDropdown}
>
<FormattedMessage id="notifications.dropdown_settings_link" />
</Link>
</span>