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
|
/*
* SonarQube
* Copyright (C) 2009-2022 SonarSource SA
* mailto:info 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 * as React from 'react';
import { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';
import ZoomTimeLine from '../../components/charts/ZoomTimeLine';
import { Serie } from '../../types/project-activity';
import { hasHistoryData } from './utils';
interface Props {
graphEndDate?: Date;
graphStartDate?: Date;
leakPeriodDate?: Date;
loading: boolean;
metricsType: string;
series: Serie[];
showAreas?: boolean;
updateGraphZoom: (from?: Date, to?: Date) => void;
}
export default function GraphsZoom(props: Props) {
if (props.loading || !hasHistoryData(props.series)) {
return null;
}
return (
<div className="activity-graph-zoom">
<AutoSizer disableHeight={true}>
{({ width }) => (
<ZoomTimeLine
endDate={props.graphEndDate}
height={64}
leakPeriodDate={props.leakPeriodDate}
metricType={props.metricsType}
padding={[0, 10, 18, 60]}
series={props.series}
showAreas={props.showAreas}
startDate={props.graphStartDate}
updateZoom={props.updateGraphZoom}
width={width}
/>
)}
</AutoSizer>
</div>
);
}
|
