feat: improve budget list

VaquitApp · Jun 17, 2024 · d5f627a · d5f627a
1 parent c241ec7
commit d5f627a
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/my-app/src/routes/groups/[id=integer]/budgets/+page.svelte b/my-app/src/routes/groups/[id=integer]/budgets/+page.svelte
@@ -39,10 +39,18 @@
 </article>
 
 {#each filteredBudgets as budget}
+	{@const isReadOnly = data.categories.find((c) => c.id === budget.category_id)?.is_archived}
 	<article>
 		<header class="row jc-space-between">
 			<b>{budget.description}</b>
-			<p>{getCategoryNameById(data.categories, budget.category_id)}</p>
+			<p>
+				{#if isReadOnly}
+					<span class="no-underline" data-tooltip="Archivada">
+						<CssIcon name="lock" />
+					</span>
+				{/if}
+				{getCategoryNameById(data.categories, budget.category_id)}
+			</p>
 		</header>
 		<div class="grid">
 			{formatDateString(budget.start_date)} — {formatDateString(budget.end_date)}
@@ -54,6 +62,7 @@
 					class="secondary outline btn-sm"
 					href="{routes.budgetDetails}/{budget.id}"
 					role="button"
+					disabled={isReadOnly}
 					data-tooltip="Editar"
 				>
 					<CssIcon name="pen" />