forked from elastic/kibana
-
Notifications
You must be signed in to change notification settings - Fork 0
/
chart_label.tsx
39 lines (35 loc) · 1.06 KB
/
chart_label.tsx
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
/*
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
* or more contributor license agreements. Licensed under the Elastic License
* 2.0; you may not use this file except in compliance with the Elastic License
* 2.0.
*/
import { EuiLink } from '@elastic/eui';
import React from 'react';
import styled from 'styled-components';
import { FormattedCount } from '../../../../common/components/formatted_number';
interface ChartLabelProps {
count: number | null | undefined;
onClick?: () => void;
}
const PlaceHolder = styled.div`
padding: ${(props) => props.theme.eui.euiSizeS};
`;
const ChartLabelComponent: React.FC<ChartLabelProps> = ({ count, onClick }) => {
if (count) {
return onClick ? (
<EuiLink onClick={onClick}>
<b>
<FormattedCount count={count} />
</b>
</EuiLink>
) : (
<b>
<FormattedCount count={count} />
</b>
);
}
return <PlaceHolder />;
};
ChartLabelComponent.displayName = 'ChartLabelComponent';
export const ChartLabel = React.memo(ChartLabelComponent);