watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-09 23:27:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

More work on reports. Added Funnel page.

Browse source
This commit is contained in:
Mike Cao 2025-06-05 22:19:35 -07:00
parent 5159dd470f
commit 3847e32f39
59 changed files with 1815 additions and 2370 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/metrics/ChangeLabel.module.css
View file

@ -11,12 +11,12 @@
.positive {
color: var(--success-color);
background: color-mix(in srgb, var(--success-color), var(--background-color) 85%);
background: color-mix(in srgb, var(--success-color), var(--background-color) 95%);
}
.negative {
color: var(--danger-color);
background: color-mix(in srgb, var(--danger-color), var(--background-color) 85%);
background: color-mix(in srgb, var(--danger-color), var(--background-color) 95%);
}
.neutral {

8
src/components/metrics/ChangeLabel.tsx
View file

@ -1,16 +1,16 @@
import classNames from 'classnames';
import { Icon, Text } from '@umami/react-zen';
import { ReactNode } from 'react';
import { HTMLAttributes, ReactNode } from 'react';
import { Arrow } from '@/components/icons';
import styles from './ChangeLabel.module.css';
export function ChangeLabel({
value,
size,
title,
reverseColors,
className,
children,
...props
}: {
value: number;
size?: 'xs' | 'sm' | 'md' | 'lg';
@ -19,7 +19,7 @@ export function ChangeLabel({
showPercentage?: boolean;
className?: string;
children?: ReactNode;
}) {
} & HTMLAttributes<HTMLDivElement>) {
const positive = value >= 0;
const negative = value < 0;
const neutral = value === 0 || isNaN(value);
@ -27,12 +27,12 @@ export function ChangeLabel({
return (
<div
{...props}
className={classNames(styles.label, className, {
[styles.positive]: good,
[styles.negative]: !good,
[styles.neutral]: neutral,
})}
title={title}
>
{!neutral && (
<Icon rotate={positive ? -90 : 90} size={size}>