added task size management features and fixed trash recover feature

2026-02-04 18:05:24 -06:00
parent 54a0da9896
commit fc3f1066e1
8 changed files with 343 additions and 73 deletions
@@ -0,0 +1,43 @@
+import { type Component, For, createMemo } from "solid-js";
+import { store, getCombinedScore, matchesFilter } from "@/store";
+import { TaskCard } from "@/components/TaskCard";
+
+export const DigInView: Component = () => {
+    const sortedTasks = createMemo(() => {
+        return [...store.tasks]
+            .filter(t => !t.deletedAt && matchesFilter(t))
+            .sort((a, b) => {
+                if (a.completed !== b.completed) return a.completed ? 1 : -1;
+                // Primary: Size descending (largest first)
+                const sizeA = a.size ?? 5;
+                const sizeB = b.size ?? 5;
+                if (sizeA !== sizeB) return sizeB - sizeA;
+                // Secondary: Combined score descending (higher focus first)
+                return getCombinedScore(b) - getCombinedScore(a);
+            });
+    });
+
+    return (
+        <div class="space-y-6">
+            <header>
+                <h2 class="text-3xl font-bold tracking-tight">Dig In</h2>
+                <p class="text-muted-foreground mt-1 text-lg">Largest tasks first. Tackle big projects head-on.</p>
+            </header>
+
+            <div class="grid gap-3">
+                <For each={sortedTasks()}>
+                    {(task) => <TaskCard task={task} />}
+                </For>
+            </div>
+
+            {sortedTasks().length === 0 && (
+                <div class="flex flex-col items-center justify-center py-20 text-center">
+                    <div class="w-16 h-16 bg-muted rounded-full flex items-center justify-center mb-4">
+                        <span class="text-2xl">⛏️</span>
+                    </div>
+                    <p class="text-muted-foreground">Nothing here. Add some tasks to dig into!</p>
+                </div>
+            )}
+        </div>
+    );
+};