scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-02-07 15:33:50 +08:00
Code Issues Projects Releases Packages 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, WILD_SAND_COLOR,
MYSTIC_COLOR MYSTIC_COLOR
} from "../../../config/constants/colors"; } from "../../../config/constants/colors";
import { import { SETTINGS_ACCOUNT_PREFERENCES } from "../../../config/routes";
SETTINGS_ACCOUNT_PREFERENCES
} from "../../../config/routes"
import NotificationItem from "./NotificationItem"; import NotificationItem from "./NotificationItem";
import Spinner from "../../Spinner"; import Spinner from "../../Spinner";
@ -104,6 +102,10 @@ class NotificationsDropdown extends Component {
}); });
} }
closeDropdown() {
this.dropdown.click();
}
renderNotifications() { renderNotifications() {
const list = this.state.notifications.map(notification => ( const list = this.state.notifications.map(notification => (
<NotificationItem key={notification.id} notification={notification} /> <NotificationItem key={notification.id} notification={notification} />
@ -133,7 +135,11 @@ class NotificationsDropdown extends Component {
noCaret noCaret
id="notifications-dropdown" id="notifications-dropdown"
title={ title={
<span> <span
ref={el => {
this.dropdown = el;
}}
>
<i className="fa fa-bell" />&nbsp; <i className="fa fa-bell" />&nbsp;
<span className="visible-xs-inline visible-sm-inline"> <span className="visible-xs-inline visible-sm-inline">
<FormattedMessage id="navbar.notifications_label" /> <FormattedMessage id="navbar.notifications_label" />
@ -148,7 +154,10 @@ class NotificationsDropdown extends Component {
<FormattedMessage id="notifications.dropdown_title" /> <FormattedMessage id="notifications.dropdown_title" />
</span> </span>
<span className="pull-right"> <span className="pull-right">
<Link to={SETTINGS_ACCOUNT_PREFERENCES}> <Link
to={SETTINGS_ACCOUNT_PREFERENCES}
onClick={this.closeDropdown}
>
<FormattedMessage id="notifications.dropdown_settings_link" /> <FormattedMessage id="notifications.dropdown_settings_link" />
</Link> </Link>
</span> </span>