From 057377186af667fbf85f7ca59422880aacbd40f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Majdand=C5=BEi=C4=87?=
 <david.majdandzic@hotmail.com>
Date: Wed, 12 Jun 2024 20:01:01 +0200
Subject: [PATCH] Implement date colors

---
 src/lib/components/Food/FoodComp.svelte  |  2 ++
 src/lib/components/Food/FoodTable.svelte | 16 +++++++++++++++-
 src/lib/utils.ts                         |  7 ++++---
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/Food/FoodComp.svelte b/src/lib/components/Food/FoodComp.svelte
index f96b809..382de57 100644
--- a/src/lib/components/Food/FoodComp.svelte
+++ b/src/lib/components/Food/FoodComp.svelte
@@ -4,6 +4,7 @@
 	export let item: Food
 	export let energyColor: string
 	export let nameColor: string
+	export let dateColor: string
 
 	let amount: string = item.amount.toString()
 	let per100: string = item.per100?.toString() ?? ''
@@ -39,6 +40,7 @@
 <template>
 	<tr class="border-b border-gray-200 dark:border-gray-700 font-bold text-lg">
 		<th class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap bg-gray-50 dark:text-white dark:bg-gray-800"
+		    style="color: {dateColor}"
 		    scope="row">
 			{item.date}
 		</th>
diff --git a/src/lib/components/Food/FoodTable.svelte b/src/lib/components/Food/FoodTable.svelte
index 57da199..d79b276 100644
--- a/src/lib/components/Food/FoodTable.svelte
+++ b/src/lib/components/Food/FoodTable.svelte
@@ -39,6 +39,20 @@
 		// @ts-ignore
 		return itemColors.get(item.food)
 	}
+
+	const dateColors: Map<string, string> = new Map<string, string>()
+	function getDateColor(item: Food): string {
+		if (!item) return GenerateColor()
+		if (!item.date) return GenerateColor()
+		const date = item.date.toString().split(" ")[0]
+		if (!date) return GenerateColor()
+		if (!dateColors.has(date)) dateColors.set(date, GenerateColor())
+		// THERE'S NOTHING UNDEFINED HERE
+		// WE GOT RID OF UNDEFINED ON LINE 33
+		// ASSHOLE
+		// @ts-ignore
+		return dateColors.get(date)
+	}
 </script>
 
 <template>
@@ -70,7 +84,7 @@
 				<tbody>
 				<EmptyFoodComp />
 				{#each items as f}
-					<FoodComp item="{f}" energyColor="{lerp(f)}" nameColor="{getNameColor(f)}" />
+					<FoodComp item="{f}" energyColor="{lerp(f)}" nameColor="{getNameColor(f)}" dateColor="{getDateColor(f)}" />
 				{/each}
 				</tbody>
 			</table>
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index efdc6af..84163a4 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -81,15 +81,15 @@ function GenerateRandomHSL(): Color {
 const existingColors: Color[] = []
 
 function GenerateColor(): string {
-	const minDistance = 200
+	const minDistance = 15
 
 	let newColor: Color
 	let isDistinct = false
 	let iterations = 0
 	while (!isDistinct) {
 		iterations++
-		if (iterations > 100) {
-			console.error('Failed to generate a distinct color after 100 iterations')
+		if (iterations > 1000) {
+			console.error('Failed to generate a distinct color after 1000 iterations')
 			break
 		}
 		newColor = GenerateRandomHSL()
@@ -101,6 +101,7 @@ function GenerateColor(): string {
 				break
 			}
 		}
+		existingColors.push(newColor)
 	}
 
 	// We can not reach this point without having a color generated