From 8a453139bd907dd60c81722eba633154ad6fea34 Mon Sep 17 00:00:00 2001
From: gkourie <g.kourie96@gmail.com>
Date: Wed, 12 Feb 2025 10:43:30 +0100
Subject: [PATCH] Set comma-seperated hsl value to avoid flickering when hover
 on pie chart

---
 resources/assets/js/projects/components/charts/IDToColor.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/resources/assets/js/projects/components/charts/IDToColor.js b/resources/assets/js/projects/components/charts/IDToColor.js
index 244af3e5d..24e603b2e 100644
--- a/resources/assets/js/projects/components/charts/IDToColor.js
+++ b/resources/assets/js/projects/components/charts/IDToColor.js
@@ -16,6 +16,5 @@ export function IDToColor(id) {
     const hue = id % 360;
     const saturation = 70 + (id % 31); // Ensure saturation is between 70 and 100
     const lightness = 70 + (id % 21);  // Ensure lightness is between 70 and 90
-
-    return `hsl(${hue} ${saturation}% ${lightness}%)`;
+    return `hsl(${hue}, ${saturation}%, ${lightness}%)`;
 }