From 4d20c5db0240fe084bcb62df0bb08414ebbd81b5 Mon Sep 17 00:00:00 2001
From: GussevPM <GussevPM@GMail.Com>
Date: Thu, 15 Aug 2024 17:03:39 +0200
Subject: [PATCH] Fix square size card

---
 components/modules/stats/SquareSizeCard.vue | 23 +++++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/components/modules/stats/SquareSizeCard.vue b/components/modules/stats/SquareSizeCard.vue
index c9dd7e72..feda887a 100644
--- a/components/modules/stats/SquareSizeCard.vue
+++ b/components/modules/stats/SquareSizeCard.vue
@@ -43,21 +43,26 @@ const getSquareSizes = async () => {
 	const color = d3.scaleSequential(d3.piecewise(d3.interpolateRgb, ["#65efcc", "#142f28"]))
         .domain([0, squareSize.value.length])
 
-	let totalShare = 0
+	let totalSquares = 0
 	squareSize.value.forEach((item, index) => {
 		item.color = color(index)
 
-		if (index !== squareSize.value.length - 1) {
-			let share = Math.min(Math.round((item.value / total.value * 100)), 1)
-			totalShare += share
-			item.share = share
-		} else {
-			item.share = 100 - totalShare
-		}
+		let share = Math.floor((item.value / total.value * 100))
+		totalSquares += Math.max(share, 1)
+		item.share = share
+		item.squares = Math.max(share, 1)
 	})
 
+	if (totalSquares > 100) {
+		let maxSquaresIndex = squareSize.value.reduce((maxIndex, current, index, array) => {
+			return (current.squares > array[maxIndex].squares) ? index : maxIndex
+		}, 0)
+		
+		squareSize.value[maxSquaresIndex].squares = squareSize.value[maxSquaresIndex].squares - (totalSquares - 100)
+	}
+	
 	squareSize.value.forEach(item => {
-		for (let i = 0; i < item.share; i++) {
+		for (let i = 0; i < item.squares; i++) {
 			squareSizeGraph.value.push({
 				size: item.size,
 				color: item.color,