hide unusable actions on archive page

TaskRatchet · Nov 17, 2024 · 3c39565 · 3c39565
1 parent 445cff2
commit 3c39565
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/src/components/list.svelte b/src/components/list.svelte
@@ -55,6 +55,7 @@ let isEditing = false;
 		) as task}
 			<Task
 				{task}
+				{page}
 				onCopy={(sourceTask) => {
 					taskToCopy = sourceTask;
 					isAddOpen = true;

diff --git a/src/components/task.svelte b/src/components/task.svelte
@@ -7,6 +7,7 @@
 
 	let showUncleConfirm = false;
 	export let task: TaskType;
+	export let page: 'next' | 'archive';
 	export let onCopy: (task: TaskType) => void;
 	export let onEdit: (task: TaskType) => void;
 	export let onUncle: (task: TaskType) => void;
@@ -27,16 +28,18 @@
 	<div class="task-container">
 		<div class="menu">
 			<button on:click={() => onCopy(task)} title="Copy"><IconCopy /></button>
-			<button 
-				on:click={() => onEdit(task)}
-				disabled={!task.id || task.status !== 'pending'}
-				title="Edit"><IconEdit /></button>
-			<button
-				on:click={() => {
-					showUncleConfirm = true;
-				}}
-				disabled={task.status !== 'pending'}
-				title="Charge immediately"><IconCharge /></button>
+			{#if page === 'next'}
+				<button 
+					on:click={() => onEdit(task)}
+					disabled={!task.id || task.status !== 'pending'}
+					title="Edit"><IconEdit /></button>
+				<button
+					on:click={() => {
+						showUncleConfirm = true;
+					}}
+					disabled={task.status !== 'pending'}
+					title="Charge immediately"><IconCharge /></button>
+			{/if}
 		</div>
 		<input
 			type="checkbox"