Fix fmt

coder · BrunoQuaresma · Sep 19, 2024 · Sep 19, 2024 · Sep 19, 2024 · Sep 20, 2024
commit 41391518efb2fbbf16d219bfcc460d6f94852a84
diff --git a/site/src/modules/workspaces/WorkspaceTiming/Chart/Bar.tsx b/site/src/modules/workspaces/WorkspaceTiming/Chart/Bar.tsx
@@ -1,5 +1,5 @@
 import type { Interpolation, Theme } from "@emotion/react";
-import { type ButtonHTMLAttributes, forwardRef, type HTMLProps } from "react";
+import { type ButtonHTMLAttributes, type HTMLProps, forwardRef } from "react";
 import { CSSVars } from "./constants";
 
 export type BarColors = {

diff --git a/site/src/modules/workspaces/WorkspaceTiming/Chart/BarBlocks.tsx b/site/src/modules/workspaces/WorkspaceTiming/Chart/BarBlocks.tsx
@@ -1,6 +1,6 @@
 import type { Interpolation, Theme } from "@emotion/react";
-import { MoreHorizOutlined } from "@mui/icons-material";
-import { useLayoutEffect, useRef, useState, type FC } from "react";
+import MoreHorizOutlined from "@mui/icons-material/MoreHorizOutlined";
+import { type FC, useLayoutEffect, useRef, useState } from "react";
 
 const sidePadding = 8;
 const spaceBetweenBlocks = 4;
@@ -34,12 +34,10 @@ export const BarBlocks: FC<BarBlocksProps> = ({ count }) => {
 		(freeSize - moreIconSize) / (blockSize + spaceBetweenBlocks),
 	);
 	const nOfBlocks = hasSpacing ? count : nOfPossibleBlocks;
-	console.log("POSSIBLE ->", count, nOfPossibleBlocks);
 
 	return (
 		<div ref={blocksRef} css={styles.blocks}>
-			{Array.from({ length: nOfBlocks }).map((_, i) => (
-				// biome-ignore lint/suspicious/noArrayIndexKey: we are using the index as a key here because the blocks are not expected to be reordered
+			{Array.from(Array(nOfBlocks).keys()).map((i) => (
 				<div key={i} css={styles.block} style={{ minWidth: blockSize }} />
 			))}
 			{!hasSpacing && (

diff --git a/site/src/modules/workspaces/WorkspaceTiming/Chart/XAxis.tsx b/site/src/modules/workspaces/WorkspaceTiming/Chart/XAxis.tsx
@@ -1,14 +1,14 @@
+import type { Interpolation, Theme } from "@emotion/react";
 import {
+	type FC,
+	type HTMLProps,
 	useLayoutEffect,
 	useRef,
 	useState,
-	type FC,
-	type HTMLProps,
 } from "react";
-import type { Interpolation, Theme } from "@emotion/react";
 import { YAxisCaptionHeight } from "./YAxis";
-import { formatTime } from "./utils";
 import { CSSVars, XAxisLabelsHeight, XAxisRowsGap } from "./constants";
+import { formatTime } from "./utils";
 
 export const XAxisMinWidth = 130;
 export const XAxisSidePadding = 16;

diff --git a/site/src/modules/workspaces/WorkspaceTiming/ResourcesChart.tsx b/site/src/modules/workspaces/WorkspaceTiming/ResourcesChart.tsx
@@ -1,41 +1,41 @@
+import { css } from "@emotion/css";
+import { type Interpolation, type Theme, useTheme } from "@emotion/react";
+import OpenInNewOutlined from "@mui/icons-material/OpenInNewOutlined";
+import Tooltip, { type TooltipProps } from "@mui/material/Tooltip";
+import { type FC, useState } from "react";
+import { Link } from "react-router-dom";
+import { Bar } from "./Chart/Bar";
+import {
+	Chart,
+	ChartBreadcrumbs,
+	ChartContent,
+	type ChartLegend,
+	ChartLegends,
+	ChartSearch,
+	ChartToolbar,
+} from "./Chart/Chart";
 import {
 	XAxis,
+	XAxisMinWidth,
 	XAxisRow,
 	XAxisRows,
 	XAxisSections,
-	XAxisMinWidth,
 } from "./Chart/XAxis";
-import { useState, type FC } from "react";
 import {
 	YAxis,
 	YAxisCaption,
 	YAxisLabel,
 	YAxisLabels,
 	YAxisSection,
 } from "./Chart/YAxis";
-import { Bar } from "./Chart/Bar";
 import {
+	type BaseTiming,
 	calcDuration,
 	calcOffset,
 	combineTimings,
 	formatTime,
 	makeTicks,
-	type BaseTiming,
 } from "./Chart/utils";
-import {
-	Chart,
-	ChartBreadcrumbs,
-	ChartContent,
-	type ChartLegend,
-	ChartLegends,
-	ChartSearch,
-	ChartToolbar,
-} from "./Chart/Chart";
-import { type Interpolation, type Theme, useTheme } from "@emotion/react";
-import Tooltip, { type TooltipProps } from "@mui/material/Tooltip";
-import { css } from "@emotion/css";
-import { Link } from "react-router-dom";
-import OpenInNewOutlined from "@mui/icons-material/OpenInNewOutlined";
 
 const legendsByAction: Record<string, ChartLegend> = {
 	"state refresh": {

diff --git a/site/src/modules/workspaces/WorkspaceTiming/StagesChart.tsx b/site/src/modules/workspaces/WorkspaceTiming/StagesChart.tsx
@@ -1,33 +1,33 @@
+import { css } from "@emotion/css";
+import { type Interpolation, type Theme, useTheme } from "@emotion/react";
+import InfoOutlined from "@mui/icons-material/InfoOutlined";
+import Tooltip, { type TooltipProps } from "@mui/material/Tooltip";
+import type { FC, PropsWithChildren } from "react";
+import { Bar, ClickableBar } from "./Chart/Bar";
+import { BarBlocks } from "./Chart/BarBlocks";
+import { Chart, ChartContent } from "./Chart/Chart";
 import {
 	XAxis,
+	XAxisMinWidth,
 	XAxisRow,
 	XAxisRows,
 	XAxisSections,
-	XAxisMinWidth,
 } from "./Chart/XAxis";
-import type { FC, PropsWithChildren } from "react";
 import {
 	YAxis,
 	YAxisCaption,
 	YAxisLabel,
 	YAxisLabels,
 	YAxisSection,
 } from "./Chart/YAxis";
-import { Bar, ClickableBar } from "./Chart/Bar";
 import {
+	type BaseTiming,
 	calcDuration,
 	calcOffset,
 	combineTimings,
 	formatTime,
 	makeTicks,
-	type BaseTiming,
 } from "./Chart/utils";
-import { Chart, ChartContent } from "./Chart/Chart";
-import { BarBlocks } from "./Chart/BarBlocks";
-import InfoOutlined from "@mui/icons-material/InfoOutlined";
-import { useTheme, type Interpolation, type Theme } from "@emotion/react";
-import Tooltip, { type TooltipProps } from "@mui/material/Tooltip";
-import { css } from "@emotion/css";
 
 // TODO: Add "workspace boot" when scripting timings are done.
 const stageCategories = ["provisioning"] as const;

diff --git a/site/src/modules/workspaces/WorkspaceTiming/WorkspaceTimings.tsx b/site/src/modules/workspaces/WorkspaceTiming/WorkspaceTimings.tsx
@@ -1,9 +1,9 @@
-import type { ProvisionerTiming } from "api/typesGenerated";
-import { useState, type FC } from "react";
 import type { Interpolation, Theme } from "@emotion/react";
-import { stages, StagesChart } from "./StagesChart";
+import type { ProvisionerTiming } from "api/typesGenerated";
+import { type FC, useState } from "react";
 import { type BaseTiming, combineTimings } from "./Chart/utils";
 import { ResourcesChart } from "./ResourcesChart";
+import { StagesChart, stages } from "./StagesChart";
 
 type TimingView =
 	| { name: "stages" }