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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
|
/*
* 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.
*/
// @flow
import React from 'react';
import EventInner from './EventInner';
import ChangeCustomEventForm from './forms/ChangeCustomEventForm';
import RemoveCustomEventForm from './forms/RemoveCustomEventForm';
import DeleteIcon from './DeleteIcon';
import ChangeIcon from './ChangeIcon';
import type { Event as EventType } from '../../../store/projectActivity/duck';
type Props = {
analysis: string,
event: EventType,
isFirst: boolean,
canAdmin: boolean
};
type State = {
changing: boolean,
deleting: boolean
};
export default class Event extends React.Component {
mounted: boolean;
props: Props;
state: State = {
changing: false,
deleting: false
};
componentDidMount () {
this.mounted = true;
}
componentWillUnmount () {
this.mounted = false;
}
startChanging = () => {
this.setState({ changing: true });
};
stopChanging = () => {
if (this.mounted) {
this.setState({ changing: false });
}
};
startDeleting = () => {
this.setState({ deleting: true });
};
stopDeleting = () => {
if (this.mounted) {
this.setState({ deleting: false });
}
};
render () {
const { event, canAdmin } = this.props;
const canChange = ['OTHER', 'VERSION'].includes(event.category);
const canDelete = event.category === 'OTHER' || (event.category === 'VERSION' && !this.props.isFirst);
const showActions = canAdmin && (canChange || canDelete);
return (
<div className="project-activity-event">
<EventInner event={this.props.event}/>
{showActions && (
<div className="project-activity-event-actions">
{canChange && (
<button className="js-change-event button-clean" onClick={this.startChanging}>
<ChangeIcon/>
</button>
)}
{canDelete && (
<button className="js-delete-event button-clean" onClick={this.startDeleting}>
<DeleteIcon/>
</button>
)}
</div>
)}
{this.state.changing && (
<ChangeCustomEventForm
event={this.props.event}
onClose={this.stopChanging}/>
)}
{this.state.deleting && (
<RemoveCustomEventForm
analysis={this.props.analysis}
event={this.props.event}
onClose={this.stopDeleting}/>
)}
</div>
);
}
}
|
