ambiser
/
umami
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Hide comparisons when all-time filter is selected

pull/882/head
Chris Walsh 2021-12-04 13:59:07 -08:00
parent 253f4518a2
commit cbe41b0e24
No known key found for this signature in database
GPG Key ID: 28EE0CCA6032019E
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/metrics/MetricsBar.js
View File

@ -15,7 +15,7 @@ import styles from './MetricsBar.module.css';
export default function MetricsBar({ websiteId, className }) {
const shareToken = useShareToken();
const [dateRange] = useDateRange(websiteId);
const { startDate, endDate, modified } = dateRange;
const { startDate, endDate, modified, value } = dateRange;
const [format, setFormat] = useState(true);
const {
query: { url, ref },
@ -63,12 +63,14 @@ export default function MetricsBar({ websiteId, className }) {
value={pageviews.value}
change={pageviews.change}
format={formatFunc}
hideComparison={value === 'all'}
/>
<MetricCard
label={<FormattedMessage id="metrics.visitors" defaultMessage="Visitors" />}
value={uniques.value}
change={uniques.change}
format={formatFunc}
hideComparison={value === 'all'}
/>
<MetricCard
label={<FormattedMessage id="metrics.bounce-rate" defaultMessage="Bounce rate" />}
@ -80,6 +82,7 @@ export default function MetricsBar({ websiteId, className }) {
: 0
}
format={n => Number(n).toFixed(0) + '%'}
hideComparison={value === 'all'}
reverseColors
/>
<MetricCard
@ -102,6 +105,7 @@ export default function MetricsBar({ websiteId, className }) {
: 0
}
format={n => `${n < 0 ? '-' : ''}${formatShortTime(Math.abs(~~n), ['m', 's'], ' ')}`}
hideComparison={value === 'all'}
/>
</>
)}