1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
/*
* SonarQube
* Copyright (C) 2009-2016 SonarSource SA
* mailto:contact AT sonarsource DOT com
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation; either
* version 3 of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
import React from 'react';
import Select from 'react-select';
import ProjectNotification from './ProjectNotification';
import { translate } from '../../../helpers/l10n';
import { getProjectsWithInternalId } from '../../../api/components';
export default function ProjectNotifications ({ notifications, channels, onAddProject, onRemoveProject }) {
const loadOptions = query => {
return getProjectsWithInternalId(query)
.then(results => results.map(r => {
return {
value: r.id,
label: r.text
};
}))
.then(options => {
return { options };
});
};
const handleAddProject = selected => {
const project = {
internalId: selected.value,
name: selected.label
};
onAddProject(project);
};
return (
<section>
<h2 className="spacer-bottom">
{translate('my_profile.per_project_notifications.title')}
</h2>
{!notifications.length && (
<div className="note">
{translate('my_account.no_project_notifications')}
</div>
)}
{notifications.map(p => (
<ProjectNotification
key={p.project.internalId}
data={p}
channels={channels}
onRemoveProject={onRemoveProject}/>
))}
<div className="spacer-top panel bg-muted">
<span className="text-middle spacer-right">
Set notifications for:
</span>
<Select.Async
name="new_project"
style={{ width: '300px' }}
loadOptions={loadOptions}
minimumInput={2}
onChange={handleAddProject}
placeholder="Search Project"
searchPromptText="Type at least 2 characters to search"/>
</div>
</section>
);
}
|
