watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-22 13:35:35 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Replace numeric prop values with named react-zen values.

Browse source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Mike Cao 2026-02-05 23:41:10 -08:00
parent f66a508892
commit 7cafc3e61d
23 changed files with 65 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/app/(main)/websites/[websiteId]/(reports)/funnels/Funnel.tsx
View file

@ -33,7 +33,7 @@ export function Funnel({ id, name, type, parameters, websiteId }) {
<Grid columns="1fr auto" gap>
<Column gap>
<Row>
<Text size="4" weight="bold">
<Text size="lg" weight="bold">
{name}
</Text>
</Row>
@ -66,21 +66,21 @@ export function Funnel({ id, name, type, parameters, websiteId }) {
<Column alignItems="center" position="relative">
<Row
borderRadius="full"
backgroundColor="3"
backgroundColor="surface-sunken"
width="40px"
height="40px"
justifyContent="center"
alignItems="center"
style={{ zIndex: 1 }}
>
<Text weight="bold" size="3">
<Text weight="bold" size="base">
{index + 1}
</Text>
</Row>
{index > 0 && (
<Box
position="absolute"
backgroundColor="3"
backgroundColor="surface-sunken"
width="2px"
height="120px"
top="-100%"
@ -121,7 +121,7 @@ export function Funnel({ id, name, type, parameters, websiteId }) {
style={{ width: '100%' }}
/>
<Row minWidth="90px" justifyContent="end">
<Text weight="bold" size="7">
<Text weight="bold" size="4xl">
{Math.round(remaining * 100)}%
</Text>
</Row>

4
src/app/(main)/websites/[websiteId]/(reports)/goals/Goal.tsx
View file

@ -42,7 +42,7 @@ export function Goal({ id, name, type, parameters, websiteId, startDate, endDate
<Grid columns="1fr auto" gap>
<Column gap>
<Row>
<Text size="4" weight="bold">
<Text size="lg" weight="bold">
{name}
</Text>
</Row>
@ -92,7 +92,7 @@ export function Goal({ id, name, type, parameters, websiteId, startDate, endDate
maxValue={data?.total || 1}
style={{ width: '100%' }}
/>
<Text weight="bold" size="7">
<Text weight="bold" size="4xl">
{data?.total ? Math.round((+data?.num / +data?.total) * 100) : '0'}%
</Text>
</Row>

2
src/app/(main)/websites/[websiteId]/(reports)/retention/Retention.tsx
View file

@ -131,7 +131,7 @@ const Cell = ({ children }: { children: ReactNode }) => {
alignItems="center"
width="100px"
height="100px"
backgroundColor="2"
backgroundColor="surface-raised"
borderRadius
>
{children}