From 73272ffbe304e51a5bfc07223347aa1c7f007c30 Mon Sep 17 00:00:00 2001
From: sbeltranc <santiago@hackclub.app>
Date: Tue, 3 Feb 2026 23:21:32 -0500
Subject: [PATCH] add estimated time for an item

---
 frontend/src/routes/shop/+page.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/routes/shop/+page.svelte b/frontend/src/routes/shop/+page.svelte
index c9057e0..a2def02 100644
--- a/frontend/src/routes/shop/+page.svelte
+++ b/frontend/src/routes/shop/+page.svelte
@@ -5,7 +5,7 @@
 	import AddressSelectModal from '$lib/components/AddressSelectModal.svelte'
 	import { API_URL } from '$lib/config'
 	import { getUser } from '$lib/auth-client'
-	import { X, Spool, PackageCheck } from '@lucide/svelte'
+	import { X, Spool, PackageCheck, Clock } from '@lucide/svelte'
 	import {
 		shopItemsStore,
 		shopLoading,
@@ -14,6 +14,13 @@
 		type ShopItem
 	} from '$lib/stores'
 
+	const PHI = (1 + Math.sqrt(5)) / 2
+	const MULTIPLIER = 10
+
+	function estimateHours(scraps: number): number {
+		return Math.round(scraps / (PHI * MULTIPLIER) * 10) / 10
+	}
+
 	let selectedCategories = $state<Set<string>>(new Set())
 	let sortBy = $state<'default' | 'favorites' | 'probability'>('default')
 
@@ -258,6 +265,7 @@
 						<p class="text-sm text-gray-600 mb-2">{item.description}</p>
 						<div class="mb-3">
 							<span class="text-lg font-bold flex items-center gap-1"><Spool size={18} />{item.price}</span>
+							<span class="text-xs text-gray-500 flex items-center gap-1 mt-1"><Clock size={14} />~{estimateHours(item.price)}h</span>
 							<div class="flex gap-1 flex-wrap mt-2">
 								{#each item.category.split(',').map((c) => c.trim()).filter(Boolean) as cat}
 									<span class="text-xs px-2 py-1 bg-gray-100 rounded-full">{cat}</span>