fmt

coder · aslilac · Mar 5, 2024 · Mar 4, 2024 · Mar 4, 2024 · Mar 4, 2024
commit 79dcc2d693a6960f20947bb3cb3c5de54ea94e3f
diff --git a/site/e2e/helpers.ts b/site/e2e/helpers.ts
@@ -1,7 +1,7 @@
 import type { Page } from "@playwright/test";
 import { expect } from "@playwright/test";
 import axios from "axios";
-import type { ChildProcess} from "child_process";
+import type { ChildProcess } from "child_process";
 import { exec, spawn } from "child_process";
 import { randomUUID } from "crypto";
 import express from "express";
@@ -22,12 +22,9 @@ import type {
   PlanComplete,
   ApplyComplete,
   Resource,
-  RichParameter} from "./provisionerGenerated";
-import {
-  Agent,
-  AppSharingLevel,
-  Response
+  RichParameter,
 } from "./provisionerGenerated";
+import { Agent, AppSharingLevel, Response } from "./provisionerGenerated";
 
 // createWorkspace creates a workspace for a template.
 // It does not wait for it to be running, but it does navigate to the page.

diff --git a/site/src/components/ActiveUserChart/ActiveUserChart.tsx b/site/src/components/ActiveUserChart/ActiveUserChart.tsx
@@ -1,6 +1,5 @@
 import { useTheme } from "@emotion/react";
-import type {
-  ChartOptions} from "chart.js";
+import type { ChartOptions } from "chart.js";
 import {
   CategoryScale,
   Chart as ChartJS,

diff --git a/site/src/components/Alert/ErrorAlert.tsx b/site/src/components/Alert/ErrorAlert.tsx
@@ -1,7 +1,7 @@
 import AlertTitle from "@mui/material/AlertTitle";
 import type { FC } from "react";
 import { getErrorMessage, getErrorDetail } from "api/errors";
-import type { AlertProps} from "./Alert";
+import type { AlertProps } from "./Alert";
 import { Alert, AlertDetail } from "./Alert";
 
 export const ErrorAlert: FC<

diff --git a/site/src/components/Filter/UserFilter.tsx b/site/src/components/Filter/UserFilter.tsx
@@ -3,7 +3,7 @@ import { getUsers } from "api/api";
 import { useMe } from "contexts/auth/useMe";
 import { UserAvatar } from "../UserAvatar/UserAvatar";
 import { FilterSearchMenu, OptionItem } from "./filter";
-import type { UseFilterMenuOptions} from "./menu";
+import type { UseFilterMenuOptions } from "./menu";
 import { useFilterMenu } from "./menu";
 import type { BaseOption } from "./options";
 

diff --git a/site/src/components/FullPageLayout/Topbar.tsx b/site/src/components/FullPageLayout/Topbar.tsx
@@ -12,7 +12,7 @@ import {
   cloneElement,
   forwardRef,
 } from "react";
-import type { AvatarProps} from "components/Avatar/Avatar";
+import type { AvatarProps } from "components/Avatar/Avatar";
 import { ExternalAvatar } from "components/Avatar/Avatar";
 
 export const Topbar: FC<HTMLAttributes<HTMLElement>> = (props) => {

diff --git a/site/src/components/GlobalSnackbar/EnterpriseSnackbar.stories.tsx b/site/src/components/GlobalSnackbar/EnterpriseSnackbar.stories.tsx
@@ -1,7 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { EnterpriseSnackbar } from "./EnterpriseSnackbar";
 
-
 const meta: Meta<typeof EnterpriseSnackbar> = {
   title: "components/EnterpriseSnackbar",
   component: EnterpriseSnackbar,

diff --git a/site/src/components/GlobalSnackbar/utils.test.ts b/site/src/components/GlobalSnackbar/utils.test.ts
@@ -1,6 +1,4 @@
-import type {
-  NotificationMsg,
-  NotificationTextPrefixed} from "./utils";
+import type { NotificationMsg, NotificationTextPrefixed } from "./utils";
 import {
   displayError,
   displaySuccess,

diff --git a/site/src/components/MoreMenu/MoreMenu.tsx b/site/src/components/MoreMenu/MoreMenu.tsx
@@ -5,17 +5,14 @@ import type { MenuProps } from "@mui/material/Menu";
 import Menu from "@mui/material/Menu";
 import type { MenuItemProps } from "@mui/material/MenuItem";
 import MenuItem from "@mui/material/MenuItem";
-import type {
-  ReactNode,
-  HTMLProps,
-  ReactElement} from "react";
+import type { ReactNode, HTMLProps, ReactElement } from "react";
 import {
   useRef,
   useState,
   createContext,
   useContext,
   cloneElement,
-  forwardRef
+  forwardRef,
 } from "react";
 
 type MoreMenuContextValue = {

diff --git a/site/src/components/PaginationWidget/PaginationWidgetBase.test.tsx b/site/src/components/PaginationWidget/PaginationWidgetBase.test.tsx
@@ -1,11 +1,8 @@
 import { screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { renderWithAuth } from "testHelpers/renderHelpers";
-import type {
-  PaginationWidgetBaseProps} from "./PaginationWidgetBase";
-import {
-  PaginationWidgetBase
-} from "./PaginationWidgetBase";
+import type { PaginationWidgetBaseProps } from "./PaginationWidgetBase";
+import { PaginationWidgetBase } from "./PaginationWidgetBase";
 
 type SampleProps = Omit<PaginationWidgetBaseProps, "onPageChange">;
 

diff --git a/site/src/components/RichParameterInput/RichParameterInput.tsx b/site/src/components/RichParameterInput/RichParameterInput.tsx
@@ -14,7 +14,10 @@ import { ExternalImage } from "components/ExternalImage/ExternalImage";
 import { MemoizedMarkdown } from "components/Markdown/Markdown";
 import { Pill } from "components/Pill/Pill";
 import { Stack } from "components/Stack/Stack";
-import type { AutofillBuildParameter, AutofillSource } from "utils/richParameters";
+import type {
+  AutofillBuildParameter,
+  AutofillSource,
+} from "utils/richParameters";
 import { MultiTextField } from "./MultiTextField";
 
 const isBoolean = (parameter: TemplateVersionParameter) => {

diff --git a/site/src/contexts/ProxyContext.tsx b/site/src/contexts/ProxyContext.tsx
@@ -11,7 +11,7 @@ import { useQuery } from "react-query";
 import { getWorkspaceProxies, getWorkspaceProxyRegions } from "api/api";
 import type { Region, WorkspaceProxy } from "api/typesGenerated";
 import { usePermissions } from "contexts/auth/usePermissions";
-import type { ProxyLatencyReport} from "./useProxyLatency";
+import type { ProxyLatencyReport } from "./useProxyLatency";
 import { useProxyLatency } from "./useProxyLatency";
 
 export interface ProxyContextValue {

diff --git a/site/src/hooks/useClickable.test.tsx b/site/src/hooks/useClickable.test.tsx
@@ -1,4 +1,3 @@
-
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import {

diff --git a/site/src/modules/resources/AgentLogs.tsx b/site/src/modules/resources/AgentLogs.tsx
@@ -1,13 +1,7 @@
 import type { Interpolation, Theme } from "@emotion/react";
 import Tooltip from "@mui/material/Tooltip";
-import type {
-  ComponentProps} from "react";
-import {
-  forwardRef,
-  useEffect,
-  useMemo,
-  useState,
-} from "react";
+import type { ComponentProps } from "react";
+import { forwardRef, useEffect, useMemo, useState } from "react";
 import { FixedSizeList as List } from "react-window";
 import * as API from "api/api";
 import type { WorkspaceAgentLogSource } from "api/typesGenerated";

diff --git a/site/src/modules/resources/AgentRow.tsx b/site/src/modules/resources/AgentRow.tsx
@@ -23,11 +23,8 @@ import type {
 import { DropdownArrow } from "components/DropdownArrow/DropdownArrow";
 import { Stack } from "components/Stack/Stack";
 import { useProxy } from "contexts/ProxyContext";
-import type {
-  Line} from "modules/workspaces/WorkspaceBuildLogs/Logs";
-import {
-  logLineHeight,
-} from "modules/workspaces/WorkspaceBuildLogs/Logs";
+import type { Line } from "modules/workspaces/WorkspaceBuildLogs/Logs";
+import { logLineHeight } from "modules/workspaces/WorkspaceBuildLogs/Logs";
 import { AgentLatency } from "./AgentLatency";
 import { AgentLogs, useAgentLogs } from "./AgentLogs";
 import { AgentMetadata } from "./AgentMetadata";

diff --git a/site/src/modules/workspaces/WorkspaceBuild/WorkspaceBuildData.tsx b/site/src/modules/workspaces/WorkspaceBuild/WorkspaceBuildData.tsx
@@ -1,4 +1,4 @@
-import type { Interpolation, Theme} from "@emotion/react";
+import type { Interpolation, Theme } from "@emotion/react";
 import { useTheme } from "@emotion/react";
 import Skeleton from "@mui/material/Skeleton";
 import type { WorkspaceBuild } from "api/typesGenerated";

diff --git a/site/src/pages/AuditPage/AuditFilter.tsx b/site/src/pages/AuditPage/AuditFilter.tsx
@@ -1,19 +1,18 @@
 import capitalize from "lodash/capitalize";
 import { type FC } from "react";
 import { AuditActions, ResourceTypes } from "api/typesGenerated";
-import type {
-  useFilter} from "components/Filter/filter";
+import type { useFilter } from "components/Filter/filter";
 import {
   Filter,
   FilterMenu,
   MenuSkeleton,
   OptionItem,
-  SearchFieldSkeleton
+  SearchFieldSkeleton,
 } from "components/Filter/filter";
-import type { UseFilterMenuOptions} from "components/Filter/menu";
+import type { UseFilterMenuOptions } from "components/Filter/menu";
 import { useFilterMenu } from "components/Filter/menu";
 import type { BaseOption } from "components/Filter/options";
-import type { UserFilterMenu} from "components/Filter/UserFilter";
+import type { UserFilterMenu } from "components/Filter/UserFilter";
 import { UserMenu } from "components/Filter/UserFilter";
 import { docs } from "utils/docs";
 

diff --git a/site/src/pages/AuditPage/AuditPageView.stories.tsx b/site/src/pages/AuditPage/AuditPageView.stories.tsx
@@ -13,7 +13,6 @@ import { chromaticWithTablet } from "testHelpers/chromatic";
 import { MockAuditLog, MockAuditLog2, MockUser } from "testHelpers/entities";
 import { AuditPageView } from "./AuditPageView";
 
-
 type FilterProps = ComponentProps<typeof AuditPageView>["filterProps"];
 
 const defaultFilterProps = getDefaultFilterProps<FilterProps>({

diff --git a/site/src/pages/CreateTemplatePage/BuildLogsDrawer.tsx b/site/src/pages/CreateTemplatePage/BuildLogsDrawer.tsx
@@ -5,7 +5,7 @@ import Button from "@mui/material/Button";
 import Drawer from "@mui/material/Drawer";
 import IconButton from "@mui/material/IconButton";
 import { visuallyHidden } from "@mui/utils";
-import type { FC} from "react";
+import type { FC } from "react";
 import { useLayoutEffect, useRef } from "react";
 import { JobError } from "api/queries/templates";
 import type { TemplateVersion } from "api/typesGenerated";

diff --git a/site/src/pages/CreateTokenPage/utils.test.tsx b/site/src/pages/CreateTokenPage/utils.test.tsx
@@ -1,5 +1,4 @@
-import type {
-  LifetimeDay} from "./utils";
+import type { LifetimeDay } from "./utils";
 import {
   filterByMaxTokenLifetime,
   determineDefaultLtValue,

diff --git a/site/src/pages/CreateUserPage/CreateUserForm.tsx b/site/src/pages/CreateUserPage/CreateUserForm.tsx
@@ -1,7 +1,7 @@
 import Link from "@mui/material/Link";
 import MenuItem from "@mui/material/MenuItem";
 import TextField from "@mui/material/TextField";
-import type { FormikContextType} from "formik";
+import type { FormikContextType } from "formik";
 import { useFormik } from "formik";
 import type { FC } from "react";
 import * as Yup from "yup";

diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePage.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePage.tsx
@@ -26,7 +26,7 @@ import { pageTitle } from "utils/page";
 import type { AutofillBuildParameter } from "utils/richParameters";
 import { paramsUsedToCreateWorkspace } from "utils/workspace";
 import { CreateWorkspacePageView } from "./CreateWorkspacePageView";
-import type { CreateWSPermissions} from "./permissions";
+import type { CreateWSPermissions } from "./permissions";
 import { createWorkspaceChecks } from "./permissions";
 
 export const createWorkspaceModes = ["form", "auto", "duplicate"] as const;

diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx
@@ -2,7 +2,7 @@ import { type Interpolation, type Theme } from "@emotion/react";
 import Button from "@mui/material/Button";
 import FormHelperText from "@mui/material/FormHelperText";
 import TextField from "@mui/material/TextField";
-import type { FormikContextType} from "formik";
+import type { FormikContextType } from "formik";
 import { useFormik } from "formik";
 import { type FC, useEffect, useState, useMemo, useCallback } from "react";
 import { useSearchParams } from "react-router-dom";

diff --git a/site/src/pages/DeploySettingsPage/LicensesSettingsPage/LicensesSettingsPage.tsx b/site/src/pages/DeploySettingsPage/LicensesSettingsPage/LicensesSettingsPage.tsx
@@ -1,4 +1,4 @@
-import type { FC} from "react";
+import type { FC } from "react";
 import { useEffect } from "react";
 import { Helmet } from "react-helmet-async";
 import { useMutation, useQuery, useQueryClient } from "react-query";

diff --git a/site/src/pages/DeploySettingsPage/OAuth2AppsSettingsPage/EditOAuth2AppPage.tsx b/site/src/pages/DeploySettingsPage/OAuth2AppsSettingsPage/EditOAuth2AppPage.tsx
@@ -1,4 +1,4 @@
-import type { FC} from "react";
+import type { FC } from "react";
 import { useState } from "react";
 import { Helmet } from "react-helmet-async";
 import { useMutation, useQuery, useQueryClient } from "react-query";

diff --git a/site/src/pages/ExternalAuthPage/ExternalAuthPageView.stories.tsx b/site/src/pages/ExternalAuthPage/ExternalAuthPageView.stories.tsx
@@ -1,7 +1,5 @@
 import type { Meta, StoryFn } from "@storybook/react";
-import type {
-  ExternalAuthPageViewProps,
-} from "./ExternalAuthPageView";
+import type { ExternalAuthPageViewProps } from "./ExternalAuthPageView";
 import ExternalAuthPageView from "./ExternalAuthPageView";
 
 export default {

diff --git a/site/src/pages/HealthPage/Content.tsx b/site/src/pages/HealthPage/Content.tsx
@@ -5,14 +5,8 @@ import CheckCircleOutlined from "@mui/icons-material/CheckCircleOutlined";
 import DoNotDisturbOnOutlined from "@mui/icons-material/DoNotDisturbOnOutlined";
 import ErrorOutline from "@mui/icons-material/ErrorOutline";
 import Link from "@mui/material/Link";
-import type {
-  ComponentProps,
-  HTMLAttributes,
-  ReactElement} from "react";
-import {
-  cloneElement,
-  forwardRef,
-} from "react";
+import type { ComponentProps, HTMLAttributes, ReactElement } from "react";
+import { cloneElement, forwardRef } from "react";
 import type { HealthMessage, HealthSeverity } from "api/typesGenerated";
 import { docs } from "utils/docs";
 import { healthyColor } from "./healthyColor";

diff --git a/site/src/pages/HealthPage/DERPRegionPage.tsx b/site/src/pages/HealthPage/DERPRegionPage.tsx
@@ -1,4 +1,4 @@
-import type { Interpolation, Theme} from "@emotion/react";
+import type { Interpolation, Theme } from "@emotion/react";
 import { useTheme } from "@emotion/react";
 import ArrowBackOutlined from "@mui/icons-material/ArrowBackOutlined";
 import CodeOutlined from "@mui/icons-material/CodeOutlined";

diff --git a/site/src/pages/HealthPage/storybook.tsx b/site/src/pages/HealthPage/storybook.tsx
@@ -1,9 +1,8 @@
 import type { Meta } from "@storybook/react";
-import type {
-  RouteDefinition} from "storybook-addon-react-router-v6";
+import type { RouteDefinition } from "storybook-addon-react-router-v6";
 import {
   reactRouterParameters,
-  reactRouterOutlet
+  reactRouterOutlet,
 } from "storybook-addon-react-router-v6";
 import { HEALTH_QUERY_KEY, HEALTH_QUERY_SETTINGS_KEY } from "api/queries/debug";
 import { chromatic } from "testHelpers/chromatic";

diff --git a/site/src/pages/StarterTemplatePage/StarterTemplatePageView.stories.tsx b/site/src/pages/StarterTemplatePage/StarterTemplatePageView.stories.tsx
@@ -3,7 +3,6 @@ import { chromatic } from "testHelpers/chromatic";
 import { mockApiError, MockTemplateExample } from "testHelpers/entities";
 import { StarterTemplatePageView } from "./StarterTemplatePageView";
 
-
 const meta: Meta<typeof StarterTemplatePageView> = {
   title: "pages/StarterTemplatePage",
   parameters: { chromatic },

diff --git a/site/src/pages/TemplatePage/TemplatePageHeader.tsx b/site/src/pages/TemplatePage/TemplatePageHeader.tsx
@@ -1,4 +1,3 @@
-
 import AddIcon from "@mui/icons-material/AddOutlined";
 import DeleteIcon from "@mui/icons-material/DeleteOutlined";
 import EditIcon from "@mui/icons-material/EditOutlined";

diff --git a/site/src/pages/TemplateSettingsPage/TemplatePermissionsPage/TemplatePermissionsPageView.tsx b/site/src/pages/TemplateSettingsPage/TemplatePermissionsPage/TemplatePermissionsPageView.tsx
@@ -33,11 +33,8 @@ import { PageHeader, PageHeaderTitle } from "components/PageHeader/PageHeader";
 import { Stack } from "components/Stack/Stack";
 import { TableLoader } from "components/TableLoader/TableLoader";
 import { getGroupSubtitle } from "utils/groups";
-import type {
-  UserOrGroupAutocompleteValue} from "./UserOrGroupAutocomplete";
-import {
-  UserOrGroupAutocomplete
-} from "./UserOrGroupAutocomplete";
+import type { UserOrGroupAutocompleteValue } from "./UserOrGroupAutocomplete";
+import { UserOrGroupAutocomplete } from "./UserOrGroupAutocomplete";
 
 type AddTemplateUserOrGroupProps = {
   organizationId: string;

diff --git a/site/src/pages/TemplateSettingsPage/TemplateSchedulePage/TemplateSchedulePage.test.tsx b/site/src/pages/TemplateSettingsPage/TemplateSchedulePage/TemplateSchedulePage.test.tsx
@@ -10,7 +10,7 @@ import {
   renderWithTemplateSettingsLayout,
   waitForLoaderToBeRemoved,
 } from "testHelpers/renderHelpers";
-import type { TemplateScheduleFormValues} from "./formHelpers";
+import type { TemplateScheduleFormValues } from "./formHelpers";
 import { getValidationSchema } from "./formHelpers";
 import TemplateSchedulePage from "./TemplateSchedulePage";
 

diff --git a/site/src/pages/TemplateSettingsPage/TemplateVariablesPage/TemplateVariableField.tsx b/site/src/pages/TemplateSettingsPage/TemplateVariablesPage/TemplateVariableField.tsx
@@ -2,7 +2,7 @@ import FormControlLabel from "@mui/material/FormControlLabel";
 import Radio from "@mui/material/Radio";
 import RadioGroup from "@mui/material/RadioGroup";
 import TextField from "@mui/material/TextField";
-import type { FC} from "react";
+import type { FC } from "react";
 import { useState } from "react";
 import type { TemplateVersionVariable } from "api/typesGenerated";
 

diff --git a/site/src/pages/TemplateSettingsPage/TemplateVariablesPage/TemplateVariablesForm.tsx b/site/src/pages/TemplateSettingsPage/TemplateVariablesPage/TemplateVariablesForm.tsx
@@ -1,4 +1,4 @@
-import type { FormikContextType, FormikTouched} from "formik";
+import type { FormikContextType, FormikTouched } from "formik";
 import { useFormik } from "formik";
 import type { FC } from "react";
 import * as Yup from "yup";

diff --git a/site/src/pages/TemplateVersionEditorPage/TemplateVersionEditor.tsx b/site/src/pages/TemplateVersionEditorPage/TemplateVersionEditor.tsx
@@ -36,8 +36,7 @@ import { TemplateResourcesTable } from "modules/templates/TemplateResourcesTable
 import { WorkspaceBuildLogs } from "modules/workspaces/WorkspaceBuildLogs/WorkspaceBuildLogs";
 import type { PublishVersionData } from "pages/TemplateVersionEditorPage/types";
 import { MONOSPACE_FONT_FAMILY } from "theme/constants";
-import type {
-  FileTree} from "utils/filetree";
+import type { FileTree } from "utils/filetree";
 import {
   createFile,
   existsFile,

diff --git a/site/src/pages/TemplateVersionEditorPage/TemplateVersionEditorPage.tsx b/site/src/pages/TemplateVersionEditorPage/TemplateVersionEditorPage.tsx
@@ -19,7 +19,7 @@ import { displayError } from "components/GlobalSnackbar/utils";
 import { FullScreenLoader } from "components/Loader/FullScreenLoader";
 import { useOrganizationId } from "contexts/auth/useOrganizationId";
 import { useWatchVersionLogs } from "modules/templates/useWatchVersionLogs";
-import type { FileTree} from "utils/filetree";
+import type { FileTree } from "utils/filetree";
 import { traverse } from "utils/filetree";
 import { pageTitle } from "utils/page";
 import { TarReader, TarWriter } from "utils/tar";

diff --git a/site/src/pages/TemplateVersionPage/TemplateVersionPageView.stories.tsx b/site/src/pages/TemplateVersionPage/TemplateVersionPageView.stories.tsx
@@ -5,10 +5,9 @@ import {
   MockTemplateVersion,
   MockTemplateVersionWithMarkdownMessage,
 } from "testHelpers/entities";
-import type {
-  TemplateVersionPageViewProps} from "./TemplateVersionPageView";
 import {
-  TemplateVersionPageView
+  TemplateVersionPageView,
+  type TemplateVersionPageViewProps,
 } from "./TemplateVersionPageView";
 
 const readmeContent = `---

diff --git a/site/src/pages/UserSettingsPage/AccountPage/AccountForm.tsx b/site/src/pages/UserSettingsPage/AccountPage/AccountForm.tsx
@@ -1,6 +1,6 @@
 import LoadingButton from "@mui/lab/LoadingButton";
 import TextField from "@mui/material/TextField";
-import type { FormikTouched} from "formik";
+import type { FormikTouched } from "formik";
 import { useFormik } from "formik";
 import type { FC } from "react";
 import * as Yup from "yup";