Updated goals chart.
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user