Updated goals chart.

This commit is contained in:
Mike Cao 2024-05-10 14:06:13 -07:00
parent 9f43ae67ef
commit abd0913e9b

View File

@ -25,13 +25,6 @@ export function GoalsChart({ className }: { className?: string; isLoading?: bool
</span>
<span className={styles.item}>{value}</span>
</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={classNames(
@ -46,6 +39,13 @@ export function GoalsChart({ className }: { className?: string; isLoading?: bool
style={{ width: `${percent}%` }}
></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>
);