m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2025-02-14 21:10:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

Updated goals chart.

Browse Source
This commit is contained in:
Mike Cao 2024-05-10 14:06:13 -07:00
parent 9f43ae67ef
commit abd0913e9b
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/(main)/reports/goals/GoalsChart.tsx
View File

@ -25,13 +25,6 @@ export function GoalsChart({ className }: { className?: string; isLoading?: bool
</span> </span>
<span className={styles.item}>{value}</span> <span className={styles.item}>{value}</span>
</div> </div>
<div className={styles.metric}>
<div className={styles.value}>
{formatLongNumber(result)}
<span className={styles.total}> / {formatLongNumber(goal)}</span>
</div>
<div className={styles.percent}>{((result / goal) * 100).toFixed(2)}%</div>
</div>
<div className={styles.track}> <div className={styles.track}>
<div <div
className={classNames( className={classNames(
@ -46,6 +39,13 @@ export function GoalsChart({ className }: { className?: string; isLoading?: bool
style={{ width: `${percent}%` }} style={{ width: `${percent}%` }}
></div> ></div>
</div> </div>
<div className={styles.metric}>
<div className={styles.value}>
{formatLongNumber(result)}
<span className={styles.total}> / {formatLongNumber(goal)}</span>
</div>
<div className={styles.percent}>{((result / goal) * 100).toFixed(2)}%</div>
</div>
</div> </div>
</div> </div>
); );