admin/WealthySmart
1
0
Fork 0
mirror of https://github.com/escalante29/WealthySmart.git synced 2026-05-19 08:48:48 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix category dropdown showing ID and sort alphabetically
All checks were successful
Deploy to VPS / deploy (push) Successful in 14s
Details

Browse Source 
SelectValue now renders the category name instead of the raw ID.
Categories are sorted alphabetically when fetched.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Carlos Escalante
2026-03-30 10:56:03 -06:00
parent fe8d0144eb
commit 26a26b8ca2
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/TransactionModal.tsx
View File

@@ -47,7 +47,10 @@ export default function TransactionModal({ transaction, source, onClose, onSaved
const [error, setError] = useState('');
useEffect(() => {
api.get('/categories/').then((r) => setCategories(r.data));
api.get('/categories/').then((r) => {
const sorted = [...r.data].sort((a: Category, b: Category) => a.name.localeCompare(b.name));
setCategories(sorted);
});
}, []);
useEffect(() => {
@@ -178,7 +181,11 @@ export default function TransactionModal({ transaction, source, onClose, onSaved
onValueChange={(v) => setForm({ ...form, category_id: v === 'auto' ? '' : v })}
>
<SelectTrigger className="w-full">
<SelectValue />
<SelectValue>
{form.category_id
? categories.find((c) => c.id === Number(form.category_id))?.name ?? form.category_id
: 'Auto-detect'}
</SelectValue>
</SelectTrigger>
<SelectContent>
<SelectItem value="auto">Auto-detect</SelectItem>