forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-04-20 13:36:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improved labels displayed in charts when visits are highlighted

Browse Source
This commit is contained in:
Alejandro Celaya
2020-05-31 09:07:21 +02:00
parent b6ab9a1bdd
commit 6a372badfa
4 changed files with 23 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/visits/helpers/LineChartCard.js
View File

@@ -21,6 +21,7 @@ import Checkbox from '../../utils/Checkbox';
const propTypes = {
title: PropTypes.string,
highlightedLabel: PropTypes.string,
visits: PropTypes.arrayOf(VisitType),
highlightedVisits: PropTypes.arrayOf(VisitType),
};
@@ -91,7 +92,7 @@ const generateDataset = (stats, label, color) => ({
backgroundColor: color,
});
const LineChartCard = ({ title, visits, highlightedVisits }) => {
const LineChartCard = ({ title, visits, highlightedVisits, highlightedLabel = 'Selected' }) => {
const [ step, setStep ] = useState('monthly');
const [ skipNoVisits, toggleSkipNoVisits ] = useToggle(true);
@@ -109,7 +110,7 @@ const LineChartCard = ({ title, visits, highlightedVisits }) => {
labels,
datasets: [
generateDataset(groupedVisits, 'Visits', '#4696e5'),
highlightedVisits.length > 0 && generateDataset(groupedHighlighted, 'Selected', '#F77F28'),
highlightedVisits.length > 0 && generateDataset(groupedHighlighted, highlightedLabel, '#F77F28'),
].filter(Boolean),
};
const options = {