fix: add proper formatting and biome-compliant commas, spaces, and newlines

bpmct · bpmct · commit 60c85fe9cb84 · 2025-03-27T12:26:11.000Z
diff --git a/site/src/components/Avatar/Avatar.tsx b/site/src/components/Avatar/Avatar.tsx
@@ -70,49 +70,54 @@ export type AvatarProps = AvatarPrimitive.AvatarProps &
 const Avatar = React.forwardRef<
 	React.ElementRef<typeof AvatarPrimitive.Root>,
 	AvatarProps
->(({ className, size, variant, src, fallback, listView, children, ...props }, ref) => {
-	const theme = useTheme();
-	
-	// Process list view styling
-	const processedCss = {
-		...(listView && {
-			width: "42px",
-			height: "42px",
-			fontSize: "16px",
-			...(src && {
-				background: "transparent !important",
-				backgroundColor: "transparent !important",
-				border: "none !important",
-				boxShadow: "none !important",
-				padding: 0,
-				"& img": {
-					transform: "scale(1.3)", // 30% larger icon
-				}
-			})
-		})
-	};
-	
-	return (
-		<AvatarPrimitive.Root
-			ref={ref}
-			className={cn(avatarVariants({ size, variant, className }))}
-			css={processedCss}
-			{...props}
-		>
-			<AvatarPrimitive.Image
-				src={src}
-				className="aspect-square h-full w-full object-contain"
-				css={getExternalImageStylesFromUrl(theme.externalImages, src)}
-			/>
-			{fallback && (
-				<AvatarPrimitive.Fallback className="flex h-full w-full items-center justify-center">
-					{fallback.charAt(0).toUpperCase()}
-				</AvatarPrimitive.Fallback>
-			)}
-			{children}
-		</AvatarPrimitive.Root>
-	);
-});
+>(
+	(
+		{ className, size, variant, src, fallback, listView, children, ...props },
+		ref,
+	) => {
+		const theme = useTheme();
+
+		// Process list view styling
+		const processedCss = {
+			...(listView && {
+				width: "42px",
+				height: "42px",
+				fontSize: "16px",
+				...(src && {
+					background: "transparent !important",
+					backgroundColor: "transparent !important",
+					border: "none !important",
+					boxShadow: "none !important",
+					padding: 0,
+					"& img": {
+						transform: "scale(1.3)", // 30% larger icon
+					},
+				}),
+			}),
+		};
+
+		return (
+			<AvatarPrimitive.Root
+				ref={ref}
+				className={cn(avatarVariants({ size, variant, className }))}
+				css={processedCss}
+				{...props}
+			>
+				<AvatarPrimitive.Image
+					src={src}
+					className="aspect-square h-full w-full object-contain"
+					css={getExternalImageStylesFromUrl(theme.externalImages, src)}
+				/>
+				{fallback && (
+					<AvatarPrimitive.Fallback className="flex h-full w-full items-center justify-center">
+						{fallback.charAt(0).toUpperCase()}
+					</AvatarPrimitive.Fallback>
+				)}
+				{children}
+			</AvatarPrimitive.Root>
+		);
+	},
+);
 Avatar.displayName = AvatarPrimitive.Root.displayName;
 
 export { Avatar };
diff --git a/site/src/components/Avatar/AvatarData.tsx b/site/src/components/Avatar/AvatarData.tsx
@@ -64,4 +64,4 @@ export const AvatarData: FC<AvatarDataProps> = ({
 			</Stack>
 		</Stack>
 	);
-};
+};
diff --git a/site/src/pages/TemplatesPage/TemplatesPageView.tsx b/site/src/pages/TemplatesPage/TemplatesPageView.tsx
@@ -322,4 +322,4 @@ const styles = {
 		transition: "none",
 		color: theme.palette.text.primary,
 	}),
-} satisfies Record<string, Interpolation<Theme>>;
+} satisfies Record<string, Interpolation<Theme>>;
diff --git a/site/src/pages/WorkspacesPage/WorkspacesTable.tsx b/site/src/pages/WorkspacesPage/WorkspacesTable.tsx
@@ -343,4 +343,4 @@ const TableLoader: FC<TableLoaderProps> = ({ canCheckWorkspaces }) => {
 
 const cantBeChecked = (workspace: Workspace) => {
 	return ["deleting", "pending"].includes(workspace.latest_build.status);
-};
+};
