markus/finances
1
0
Fork 0
mirror of https://codeberg.org/MarkusThielker/finances.git synced 2025-04-12 05:08:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

N-FIN-21: show color in front of category name (#26)

Browse source 
Fixes #21
This commit is contained in:
Markus Thielker 2024-03-11 11:28:39 +01:00 • committed by GitHub
commit 6a94e4ecd8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/app/payments/columns.tsx
View file

@ -50,7 +50,15 @@ export const columns = (
header: 'Category', header: 'Category',
cell: ({row}) => { cell: ({row}) => {
const category = categories.find((category) => category.id === row.original.categoryId); const category = categories.find((category) => category.id === row.original.categoryId);
return category?.name ?? '-'; return (
<div className="flex items-center space-x-4">
<svg className="h-5" fill={category?.color} viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="10"/>
</svg>
<p>{category?.name ?? '-'}</p>
</div>
);
}, },
}, },
{ {