Admin/panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update color scheme for unrealised value in TeamLeadsDashboard

Browse Source
This commit is contained in:
RKWojs
2026-01-14 08:20:19 +01:00
parent e29f703d16
commit a01f941891
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/dashboard/page.js
View File

@@ -187,7 +187,7 @@ export default function TeamLeadsDashboard() {
{
name: t('teamDashboard.unrealised'),
value: summaryData.total.unrealisedValue,
color: '#f59e0b'
color: '#8b5cf6'
}
]}
cx="50%"
@@ -197,7 +197,7 @@ export default function TeamLeadsDashboard() {
label={({ name, percent }) => `${name}: ${(percent * 100).toFixed(0)}%`}
>
<Cell fill="#10b981" />
<Cell fill="#f59e0b" />
<Cell fill="#8b5cf6" />
</Pie>
<Tooltip formatter={(value) => formatCurrency(value)} />
<Legend />
@@ -218,9 +218,9 @@ export default function TeamLeadsDashboard() {
{formatCurrency(summaryData.total.realisedValue)}
</div>
</div>
<div className="bg-amber-50 dark:bg-amber-900/20 p-3 rounded-lg">
<div className="text-sm text-amber-600 dark:text-amber-400 font-medium">{t('teamDashboard.unrealisedValue')}</div>
<div className="text-xl font-bold text-amber-700 dark:text-amber-300">
<div className="bg-purple-50 dark:bg-purple-900/20 p-3 rounded-lg">
<div className="text-sm text-purple-600 dark:text-purple-400 font-medium">{t('teamDashboard.unrealisedValue')}</div>
<div className="text-xl font-bold text-purple-700 dark:text-purple-300">
{formatCurrency(summaryData.total.unrealisedValue)}
</div>
</div>
@@ -248,7 +248,7 @@ export default function TeamLeadsDashboard() {
<Pie
data={[
{ name: t('teamDashboard.realised'), value: data.realisedValue, color: '#10b981' },
{ name: t('teamDashboard.unrealised'), value: data.unrealisedValue, color: '#f59e0b' }
{ name: t('teamDashboard.unrealised'), value: data.unrealisedValue, color: '#8b5cf6' }
]}
cx="50%"
cy="50%"
@@ -257,7 +257,7 @@ export default function TeamLeadsDashboard() {
label={({ percent }) => percent > 0.1 ? `${(percent * 100).toFixed(0)}%` : ''}
>
<Cell fill="#10b981" />
<Cell fill="#f59e0b" />
<Cell fill="#8b5cf6" />
</Pie>
<Tooltip formatter={(value) => formatCurrency(value)} />
</PieChart>
@@ -272,8 +272,8 @@ export default function TeamLeadsDashboard() {
</span>
</div>
<div className="flex justify-between items-center">
<span className="text-sm text-amber-600 dark:text-amber-400">{t('teamDashboard.unrealised')}</span>
<span className="text-sm font-semibold text-amber-700 dark:text-amber-300">
<span className="text-sm text-purple-600 dark:text-purple-400">{t('teamDashboard.unrealised')}</span>
<span className="text-sm font-semibold text-purple-700 dark:text-purple-300">
{formatCurrency(data.unrealisedValue)}
</span>
</div>