Improve spacing calc

BrunoQuaresma · BrunoQuaresma · commit 4d509f901d4d · 2024-09-19T18:31:53.000Z
diff --git a/site/src/modules/workspaces/WorkspaceTimingChart/TimingBlocks.tsx b/site/src/modules/workspaces/WorkspaceTimingChart/TimingBlocks.tsx
@@ -18,12 +18,12 @@ export const TimingBlocks: FC<TimingBlocksProps> = ({
 	stageSize,
 	blockSize,
 }) => {
-	const realBlockSize = blockSize + blocksSpacing;
+	const spacingBetweenBlocks = (timings.length - 1) * blocksSpacing;
 	const freeSize = stageSize - blocksPadding * 2;
-	const necessarySize = realBlockSize * timings.length;
+	const necessarySize = blockSize * timings.length + spacingBetweenBlocks;
 	const hasSpacing = necessarySize <= freeSize;
 	const nOfPossibleBlocks = Math.floor(
-		(freeSize - moreIconSize) / realBlockSize,
+		(freeSize - moreIconSize - spacingBetweenBlocks) / blockSize,
 	);
 	const nOfBlocks = hasSpacing ? timings.length : nOfPossibleBlocks;
 
diff --git a/site/src/modules/workspaces/WorkspaceTimingChart/WorkspaceTimingChart.tsx b/site/src/modules/workspaces/WorkspaceTimingChart/WorkspaceTimingChart.tsx
@@ -107,7 +107,7 @@ export const WorkspaceTimingChart: FC<WorkspaceTimingChartProps> = ({
 									<TimingBlocks
 										timings={timings}
 										stageSize={stageSize}
-										blockSize={4}
+										blockSize={20}
 									/>
 								)}
 							</Bar>
