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